nav.scss 1.63 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;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
6 7 8 9
  border-bottom: 1px solid #E1E1E1;

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

          &:after {
            content: '';
            display: block;
            position: relative;
            bottom: 8px;
            left: 50%;
            width: 0;
            height: 0;
            border-color: transparent transparent #777 transparent;
            border-style: solid;
            border-width: 6px;
            margin-left: -6px;
          }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
53 54
        }
      }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
55

56 57 58 59 60 61
      &:hover {
        a {
         color: $style_color;
        }
      }

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
62 63 64 65 66 67 68
      &.home {
        a {
          i {
            font-size: 20px;
            position: relative;
            top: 4px;
          }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
69 70
        }
      }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
71
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
72 73 74 75
    a {
      display: block;
      text-align: center;
      font-weight: normal;
76
      height: 38px;
77
      line-height: 36px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
78 79 80
      color: #777;
      text-shadow: 0 1px 1px white;
      padding: 0 10px;
81
      text-decoration: none;
82
      padding-top: 2px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
83
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
84
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
85
}