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
.packages-title {
Go to line 2
  @include font-size(38, $base-line-height);
Go to line 3
  margin: 40px 0;
Go to line 4
  color: $color-text-grey;
Go to line 7
.letter-sort > .list {
Go to line 8
  padding: 15px 0;
Go to line 9
  margin: 0;
Go to line 10
  text-align: center;
Go to line 11
  list-style: none;
Go to line 12
  border: $base-border;
Go to line 13
  border-right: 0;
Go to line 14
  border-left: 0;
Go to line 16
  @include general-mobile {
Go to line 17
    box-shadow: $base-box-shadow;
Go to line 20
      margin: 10px;
Go to line 25
    @include font-size(22, $base-line-height);
Go to line 26
    @include line-height(36);
Go to line 27
    display: inline-block;
Go to line 28
    margin: 0 8px;
Go to line 29
    font-size: 20px;
Go to line 30
    text-transform: uppercase;
Go to line 33
  > li > a {
Go to line 34
    font-weight: 300;
Go to line 35
    color: $color-text-grey;
Go to line 38
  > li > a:hover {
Go to line 39
    color: $color-link;
Go to line 43
.sort-results {
Go to line 44
  padding: 40px 20px 10px;
Go to line 47
.package-list,
Go to line 48
.exact-match {
Go to line 49
  padding: 20px 0;
Go to line 52
    padding: 0;
Go to line 53
    list-style: none;
Go to line 56
      padding: 18px;
Go to line 58
      &:nth-child(even) {
Go to line 59
        background: $color-light-grey;
Go to line 63
        @include font-size(26, $base-line-height);
Go to line 64
        line-height: 25px;
Go to line 65
        color: $color-link;
Go to line 66
        word-wrap: break-word;
Go to line 69
      .version {
Go to line 70
        @include font-size(18, $base-line-height);
Go to line 71
        font-weight: 300;
Go to line 72
        color: $color-text-grey;
Go to line 76
        @include font-size(14, $base-line-height);
Go to line 77
        padding: 10px 0 0;
Go to line 78
        margin: 0;
Go to line 79
        font-weight: 300;
Go to line 80
        line-height: 16px;
Go to line 83
      .downloads-info {
Go to line 84
        @include font-size(18, $base-line-height);
Go to line 85
        float: right;
Go to line 86
        font-weight: 300;
Go to line 87
        color: $color-text-grey;
Go to line 88
        text-align: right;
Go to line 90
        .download-count {

Selector should have depth of applicability no greater than 4, but was 5.

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 91
          display: inline-block;
Go to line 92
          padding: 0 0 10px;
Go to line 93
          font-weight: bold;
Go to line 94
          color: $color-text-grey;
Go to line 97
        .downloads-count-wrapper {

Selector should have depth of applicability no greater than 4, but was 5.

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 98
          position: relative;
Go to line 99
          display: inline-block;
Go to line 101
          .downloads-count-desc {

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 102
            border-bottom: 1px dotted $color-purple;
Go to line 105
          .tooltiptext {

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 106
            @include font-size(14, $base-line-height);
Go to line 107
            position: relative;
Go to line 108
            top: -2em;
Go to line 109
            width: 300px;
Go to line 110
            padding: 5px;
Go to line 111
            color: $color-white;
Go to line 112
            text-align: center;
Go to line 113
            text-transform: none;
Go to line 114
            visibility: hidden;
Go to line 115
            background-color: $color-text-grey;
Go to line 116
            border: #919ca2 1px solid;
Go to line 117
            border-radius: 4px;
Go to line 118
            transition: all .3s ease-in-out;
Go to line 122
        .downloads-count-wrapper:hover .tooltiptext {

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 123
          top: 1.2em;
Go to line 124
          visibility: visible;
Go to line 125
          transition: all .2s ease;
Go to line 132
    font-style: italic;
Go to line 133
    color: #999;
Go to line 137
.exact-match {
Go to line 138
  border-top: 1px solid #eee;
Go to line 139
  border-bottom: 1px solid #eee;
Go to line 142
.pagination-widget {
Go to line 143
  float: right;
Go to line 146
.pagination-info,
Go to line 147
.pagination-sort {
Go to line 148
  @include font-size(16, $base-line-height);
Go to line 149
  float: left;
Go to line 150
  padding: 10px;
Go to line 151
  font-weight: 300;
Go to line 152
  color: $color-text-grey;
Go to line 155
.pagination-info {
Go to line 156
  @include general-mobile {
Go to line 157
    padding: 10px 0;
Go to line 161
.pagination-sort {
Go to line 162
  @include general-mobile {
Go to line 163
    float: right;
Go to line 164
    padding: 10px 0;
Go to line 168
.pagination {
Go to line 169
  margin: 0;
Go to line 176
    span:hover,
Go to line 177
    span:focus {
Go to line 178
      color: $color-link;
Go to line 187
    span:hover,
Go to line 188
    span:focus {
Go to line 189
      background-color: $color-link;
Go to line 190
      border-color: $color-link;