Showing
1 changed file
with
8 additions
and
14 deletions
@@ -14,7 +14,7 @@ | @@ -14,7 +14,7 @@ | ||
14 | @include transition(all .3s); | 14 | @include transition(all .3s); |
15 | 15 | ||
16 | > ul { | 16 | > ul { |
17 | - margin-bottom: 16rem / $pxConvertRem; | 17 | + margin-bottom: 20rem / $pxConvertRem; |
18 | background: #fff; | 18 | background: #fff; |
19 | border-top: 1px solid #e0e0e0; | 19 | border-top: 1px solid #e0e0e0; |
20 | border-bottom: 1px solid #e0e0e0; | 20 | border-bottom: 1px solid #e0e0e0; |
@@ -22,8 +22,8 @@ | @@ -22,8 +22,8 @@ | ||
22 | 22 | ||
23 | li { | 23 | li { |
24 | position: relative; | 24 | position: relative; |
25 | - height: 64rem / $pxConvertRem; | ||
26 | - line-height: 64rem / $pxConvertRem; | 25 | + height: 80rem / $pxConvertRem; |
26 | + line-height: 80rem / $pxConvertRem; | ||
27 | background: #fff; | 27 | background: #fff; |
28 | 28 | ||
29 | &:after { | 29 | &:after { |
@@ -45,27 +45,21 @@ | @@ -45,27 +45,21 @@ | ||
45 | a { | 45 | a { |
46 | display: block; | 46 | display: block; |
47 | height: 100%; | 47 | height: 100%; |
48 | - padding-left: 92rem / $pxConvertRem; | 48 | + padding-left: 110rem / $pxConvertRem; |
49 | color: #444; | 49 | color: #444; |
50 | } | 50 | } |
51 | 51 | ||
52 | em { | 52 | em { |
53 | font-weight: bold; | 53 | font-weight: bold; |
54 | - font-size: 24rem / $pxConvertRem; | 54 | + font-size: 26rem / $pxConvertRem; |
55 | } | 55 | } |
56 | 56 | ||
57 | .title { | 57 | .title { |
58 | display: inline-block; | 58 | display: inline-block; |
59 | font-size: 36rem / $pxConvertRem; | 59 | font-size: 36rem / $pxConvertRem; |
60 | vertical-align: bottom; | 60 | vertical-align: bottom; |
61 | - padding-left: 20rem / $pxConvertRem; | ||
62 | // 此处字体小于 12px, 先扩大,再scale缩小 | 61 | // 此处字体小于 12px, 先扩大,再scale缩小 |
63 | @include transform(scale(0.5)); | 62 | @include transform(scale(0.5)); |
64 | - | ||
65 | - -webkit-transform-origin: 0 50% 0; | ||
66 | - -moz-transform-origin: 0 50% 0; | ||
67 | - -ms-transform-origin: 0 50% 0; | ||
68 | - transform-origin: 0 50% 0; | ||
69 | } | 63 | } |
70 | 64 | ||
71 | .nav-icon, .nav-img { | 65 | .nav-icon, .nav-img { |
@@ -98,8 +92,8 @@ | @@ -98,8 +92,8 @@ | ||
98 | .first { | 92 | .first { |
99 | 93 | ||
100 | li { | 94 | li { |
101 | - height: 80rem / $pxConvertRem; | ||
102 | - line-height: 80rem / $pxConvertRem; | 95 | + height: 100rem / $pxConvertRem; |
96 | + line-height: 100rem / $pxConvertRem; | ||
103 | border-bottom: 1px solid #e0e0e0; | 97 | border-bottom: 1px solid #e0e0e0; |
104 | 98 | ||
105 | &:last-child { | 99 | &:last-child { |
@@ -111,7 +105,7 @@ | @@ -111,7 +105,7 @@ | ||
111 | } | 105 | } |
112 | 106 | ||
113 | em { | 107 | em { |
114 | - font-size: 32rem / $pxConvertRem; | 108 | + font-size: 36rem / $pxConvertRem; |
115 | } | 109 | } |
116 | 110 | ||
117 | .nav-img, .nav-icon { | 111 | .nav-img, .nav-icon { |
-
Please register or login to post a comment