Commit fc304f504141086ebea2c8b0d112223201b01098

Authored by Leonardo Merlin
1 parent 448d2d3b

Small refact at nav.scss - put into SASS style

Showing 1 changed file with 36 additions and 35 deletions   Show diff stats
sass/_nav.scss
... ... @@ -2,45 +2,46 @@ nav {
2 2 width: 100%;
3 3 padding: 0;
4 4 margin: 0;
5   -}
6   -
7   -nav ul {
8   - padding: 0;
9   - margin: 0;
10   - width: 100%;
11   - font-size: 0;
12   - list-style: none;
13   -}
14   -
15   -nav li {
16   - display: inline-block;
17   - padding: 0;
18   - margin: 0;
19   - width: 50%;
20   -}
  5 +
  6 + ul {
  7 + padding: 0;
  8 + margin: 0;
  9 + width: 100%;
  10 + font-size: 0;
  11 + list-style: none;
  12 + }
21 13  
22   -nav li a {
23   - display: block;
24   - text-align: center;
25   - text-decoration: none;
26   - font-size: 16px;
27   - font-weight: bold;
28   - color: #000;
29   - background: #efefef;
30   - padding: 20px 5px;
31   - text-transform: uppercase;
32   - border-bottom: 1px solid #03316f;
  14 + li {
  15 + display: inline-block;
  16 + padding: 0;
  17 + margin: 0;
  18 + width: 50%;
  19 +
  20 + a {
  21 + display: block;
  22 + text-align: center;
  23 + text-decoration: none;
  24 + font-size: 16px;
  25 + font-weight: bold;
  26 + color: #000;
  27 + background: #efefef;
  28 + padding: 20px 5px;
  29 + text-transform: uppercase;
  30 + border-bottom: 1px solid #03316f;
33 31  
  32 + &.active {
  33 + background: #fff;
  34 + color: #03316f;
  35 + border: 1px solid #03316f;
  36 + border-bottom: 1px solid #fff;
34 37  
35   -}
  38 + &:hover{
  39 + cursor: default;
  40 + }
  41 + }
36 42  
37   -nav li a.active {
38   - background: #fff;
39   - color: #03316f;
40   - border: 1px solid #03316f;
41   - border-bottom: 1px solid #fff;
  43 + }
42 44  
43   - &:hover{
44   - cursor: default;
45 45 }
46 46 }
  47 +
... ...