Meet SourceLevel, an All-in-one Data & Analytics for Engineering Teams

SourceLevel provides metrics and insights by collecting data from many sources such as GitHub and GitLab. Our product brings visibility over every corner of the delivery pipeline in a Data & Analytics Solution for Engineering Teams.

Get started for free
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 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 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;
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 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 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 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 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;