pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
navbar.less
(2181B)
1 /********************************************
2 * NAVBAR
3 ********************************************/
4
5 @navbar-toprow: 0.40;
6 @navbar-bottomrow: 0.50;
7
8 .navbar-default {
9 background-color: @white;
10 border-color: transparent;
11 }
12
13 #navbar-main {
14
15 margin-bottom: 0;
16
17 .navbar-brand {
18 padding: (@navbar-padding-vertical * 0.22222) 0;
19 img {
20 height: @navbar-height * 0.8;
21 }
22 }
23
24 .social-link {
25 i { color: @brand-primary; }
26 a {
27 margin-top: 17px !important;
28 background: none !important;
29 }
30 }
31
32 .nav {
33
34 > li > a {
35 // specs acording to navbar height
36 padding: 10px;
37 margin-top: 20px;
38 border-radius: 3px;
39
40 &:hover {
41 background-color: @brand-primary;
42 color: @white;
43 }
44 }
45 }
46
47
48 .navbar-toggle {
49 background-color: @brand-primary;
50 .icon-bar {
51 background-color: @white;
52 }
53 }
54
55 .btn-topbar {
56 margin-left: 5px;
57 }
58 }
59
60 @media (max-width: @screen-xs-max) {
61 #navbar-main {
62 .navbar-collapse {
63 position: absolute;
64 top: @navbar-height;
65 left: 0;
66 background-color: @body-bg;
67 width: 100%;
68 z-index: @zindex-navbar-fixed;
69 padding: 0 30px;
70 }
71 }
72 }
73
74 @media (min-width: @screen-sm) {
75 #navbar-main {
76 .collapse {
77 .pull-right();
78 padding: 0 !important;
79
80 .row > * {
81 padding: 0 !important;
82 .nav { .pull-right(); }
83 }
84 }
85
86 .top-row {
87 .navbar-nav > li > a {
88 min-height: (@navbar-height * @navbar-toprow);
89 padding-top: (@navbar-padding-vertical * @navbar-toprow);
90 padding-bottom: (@navbar-padding-vertical * @navbar-toprow);
91 line-height: (@line-height-computed * 0.44444);
92 border-bottom-right-radius: 3px;
93 border-bottom-left-radius: 3px;
94 }
95 }
96
97 .bottom-row {
98 .navbar-btn {
99 .navbar-vertical-align(@input-height-base / @navbar-bottomrow);
100 margin-top: (@navbar-padding-vertical * @navbar-bottomrow * 0.5);
101 margin-bottom: (@navbar-padding-vertical * @navbar-bottomrow * 0.5);
102 }
103 }
104
105 .navbar-collapse {
106 .pull-right();
107 }
108
109 }
110 }
111
112 .navbar-default .navbar-nav > .active {
113 > a {
114 &, &:hover, &:focus {
115 background-color: @brand-primary-light;
116 }
117 }
118 }
119
120 .nav-sidebar > li > a {
121 padding: 5px 10px;
122 }