nav.scss 1.74 KB
Newer Older
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
1
.main-nav {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
2
  background: #f5f5f5;
3
  margin: 20px 0;
4 5
  margin-top: 0;
  padding-top: 4px;
6
  border-bottom: 1px solid #E9E9E9;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
7 8

  ul {
9
    padding: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
10 11
    margin: auto;
    .count {
12
      font-weight: normal;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
13 14
      display: inline-block;
      height: 15px;
15
      padding: 1px 6px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
16 17 18 19 20
      height: auto;
      font-size: 0.82em;
      line-height: 14px;
      text-align: center;
      color: #777;
21 22
      background: #eee;
      @include border-radius(8px);
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
23 24 25 26 27
    }
    .label {
      background: $hover;
      text-shadow: none;
      color: $style_color;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
28
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
29 30 31 32 33 34 35
    li {
      list-style-type: none;
      margin: 0;
      display: table-cell;
      width: 1%;
      &.active {
        a {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
36
          color: $link_color;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
37
          font-weight: bold;
38
          border-bottom: 3px solid $link_color;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
39 40
        }
      }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
41

42 43
      &:hover {
        a {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
44
          color: $link_hover_color;
45
          border-bottom: 3px solid $link_hover_color;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
46 47
        }
      }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
48
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
49 50 51
    a {
      display: block;
      text-align: center;
52
      font-weight: bold;
53 54
      height: 42px;
      line-height: 39px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
55 56
      color: #777;
      text-shadow: 0 1px 1px white;
57
      text-decoration: none;
58 59
      overflow: hidden;
      margin-bottom: -1px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
60
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
61
  }
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81

  @media (max-width: $screen-xs-max) {
    font-size: 18px;
    margin: 0;
    max-height: none;

    &, .container {
      padding: 0;
      border-top: 0;
    }

    ul {
      height: auto;

      li {
        display: list-item;
        width: auto;
        padding: 5px 0;

        &.active {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
82
          background-color: $link_hover_color;
83 84 85 86 87

          a {
            color: #fff;
            font-weight: normal;
            text-shadow: none;
88
            border: none;
89 90 91 92 93 94 95

            &:after { display: none; }
          }
        }
      }
    }
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
96
}