Go to line 1
.navbar {
Go to line 2
min-height: 70px;
Go to line 3
margin-bottom: 0;
Go to line 4
background: $color-text-grey;
Go to line 5
border: 0;
Go to line 6
border-bottom: #919ca2 1px solid;
Go to line 7
border-radius: 0;
Go to line 10
.navbar-default .navbar-avatar {
Go to line 11
width: 40px;
Go to line 12
margin: 0 0 0 5px;
Go to line 13
border-radius: 5px;
Go to line 16
.nav.navbar-nav {
Go to line 17
@media (min-width: 768px) {
Go to line 18
float: right;
Go to line 21
@media (max-width: 767px) {
Go to line 22
margin: 0 -15px;
Go to line 26
.navbar-default .navbar-nav > li > a {
Go to line 27
@media (min-width: 768px) {
Go to line 28
@include font-size(16, 115);
Go to line 29
height: 70px;
Go to line 32
@media (max-width: 767px) {
Go to line 33
@include font-size(16, 70);
Go to line 34
height: 50px;
Go to line 37
padding-top: 0;
Go to line 38
padding-bottom: 0;
Go to line 39
color: $color-white;
Go to line 41
&:hover {
Go to line 42
color: $color-white;
Go to line 46
.navbar form[role="search"] {
Go to line 47
padding: 0;
Go to line 48
margin-top: 14px;
Go to line 49
margin-bottom: 14px;
Go to line 50
margin-left: 15px;
Go to line 51
border: 4px solid rgba(0, 0, 0, .1);
Go to line 52
border-radius: 4px;
Go to line 54
input,
Go to line 55
button {
Go to line 56
margin: 0;
Go to line 60
.navbar-default .navbar-form {
Go to line 61
border: 0;
Go to line 63
@include general-mobile {
Go to line 64
padding: 0 15px 0 10px;
Go to line 65
margin-top: 8px;
Go to line 66
margin-right: -15px;
Go to line 67
margin-bottom: 0;
Go to line 68
margin-left: -15px;
Go to line 69
border-top: 0;
Go to line 70
box-shadow: none;
Go to line 73
input,
Go to line 74
button {
Go to line 75
// Vertical centering
Go to line 76
margin-top: 10px;
Go to line 77
margin-bottom: 10px;
Go to line 79
// Override bootstrap gradient style for navbar forms.
Go to line 80
border-color: #fff;
Go to line 81
box-shadow: none;
Go to line 82
-webkit-box-shadow: none;
Avoid vendor prefixes. Read more about it here
Go to line 85
button.btn {
Go to line 86
color: #adb3b6;
Go to line 87
background: $color-white;
Go to line 91
.navbar-default .navbar-nav > li > a:hover,
Go to line 92
.navbar-default .navbar-nav > li > a:focus {
Go to line 93
color: $color-white;
Go to line 96
.navbar-default .navbar-nav > .open > a,
Go to line 97
.navbar-default .navbar-nav > .open > a:hover,
Go to line 98
.navbar-default .navbar-nav > .open > a:focus {
Go to line 99
color: $color-white;
Go to line 100
background-color: #6c7479;
Go to line 103
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
Selector should have depth of applicability no greater than 4, but was 6.
Nested selectors are highly coupled to the DOM structure, they will produce less efficient selectors and they compromises the readability of your code although it reduces the duplication of parent selectors. It is recommended to follow the inception rule in such scenarios.
You can reduce this nesting by introducing new selectors targeting the nested elements instead of relying in their parent / child dependency.
Go to line 104
@include general-mobile {
Go to line 105
color: $color-white;
Go to line 109
.navbar .dropdown-menu {
Go to line 110
right: 0;
Go to line 111
left: auto;
Go to line 112
min-width: 200px;
Go to line 113
background: #6c7479;
Go to line 114
border: 0;
Go to line 115
box-shadow: none;
Go to line 117
// copied from bootstrap
Go to line 118
li .btn-link {
Go to line 119
display: block;
Go to line 120
width: 100%; // custom
Go to line 121
padding: 3px 20px;
Go to line 122
clear: both;
Go to line 123
font-weight: normal;
Go to line 124
line-height: 1.42857143;
Go to line 125
color: #333;
Go to line 126
text-align: left; // custom
Go to line 127
white-space: nowrap;
Go to line 130
// copied from bootstrap
Go to line 131
li .btn-link:hover,
Go to line 132
li .btn-link:focus,
Go to line 133
li > a:hover,
Go to line 134
li > a:focus {
Go to line 135
color: #262626;
Go to line 136
text-decoration: none;
Go to line 137
background-color: #f5f5f5;
Go to line 140
li > a,
Go to line 141
li .btn-link {
Go to line 142
padding: 5px 15px 5px 25px;
Go to line 143
font-size: 13px;
Go to line 144
color: $color-white;
Go to line 147
.divider {
Go to line 148
@media (max-width: 767px) {
Go to line 149
width: 0;
Go to line 150
height: 0;
Go to line 151
padding: 0;
Go to line 152
margin: 0;
Go to line 155
background-color: $color-text-grey;
Go to line 158
form {
Go to line 159
padding: 0;
Go to line 160
margin: 0;
Go to line 163
.dropdown-header.menu-dropdown-header {
Go to line 164
font-size: 15px;
Go to line 165
font-weight: bold;
Go to line 166
color: $color-white;
Go to line 167
text-transform: uppercase;
Go to line 171
.navbar-toggle {
Go to line 172
margin-top: 20px;
Go to line 175
.navbar-brand {
Go to line 176
max-width: 120px;
Go to line 177
height: auto;