...
|
...
|
@@ -8,6 +8,7 @@ |
|
|
right: 100rem / $pxConvertRem;
|
|
|
width: 540rem / $pxConvertRem;
|
|
|
background: #f0f0f0;
|
|
|
z-index: 4;
|
|
|
overflow: hidden;
|
|
|
overflow-y: auto;
|
|
|
@include transition(all .3s);
|
...
|
...
|
@@ -46,25 +47,28 @@ |
|
|
height: 100%;
|
|
|
padding-left: 110rem / $pxConvertRem;
|
|
|
color: #444;
|
|
|
font-size: 24rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
em {
|
|
|
font-weight: bold;
|
|
|
font-size: 26rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
display: inline-block;
|
|
|
padding-left: 10rem / $pxConvertRem;
|
|
|
font-size: 30rem / $pxConvertRem;
|
|
|
vertical-align: baseline;
|
|
|
font-size: 36rem / $pxConvertRem;
|
|
|
vertical-align: bottom;
|
|
|
// 此处字体小于 12px, 先扩大,再scale缩小
|
|
|
@include transform(scale(0.75));
|
|
|
@include transform(scale(0.5));
|
|
|
}
|
|
|
|
|
|
.nav-icon, .nav-img {
|
|
|
position: absolute;
|
|
|
width: 60rem / $pxConvertRem;
|
|
|
height: 60rem / $pxConvertRem;
|
|
|
width: 48rem / $pxConvertRem;
|
|
|
height: 48rem / $pxConvertRem;
|
|
|
top: 50%;
|
|
|
margin-top: -30rem / $pxConvertRem;
|
|
|
left: 24rem / $pxConvertRem;
|
|
|
margin-top: -24rem / $pxConvertRem;
|
|
|
left: 30rem / $pxConvertRem;
|
|
|
background: no-repeat left center;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
...
|
...
|
@@ -79,10 +83,10 @@ |
|
|
font-weight: lighter;
|
|
|
}
|
|
|
|
|
|
em {
|
|
|
font-weight: bold;
|
|
|
font-size: 30rem / $pxConvertRem;
|
|
|
&.highlight {
|
|
|
background: #eee;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.first {
|
...
|
...
|
@@ -100,17 +104,15 @@ |
|
|
content: none;
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
font-size: 40rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
em {
|
|
|
font-size: 40rem / $pxConvertRem;
|
|
|
font-size: 36rem / $pxConvertRem;
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
font-size: 24rem / $pxConvertRem;
|
|
|
@include transform(scale(1));
|
|
|
}
|
|
|
|
|
|
.sub-nav {
|
|
|
li {
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
}
|
|
|
}
|
|
|
}
|
...
|
...
|
@@ -181,8 +183,8 @@ |
|
|
@include transition(transform 0.3s);
|
|
|
|
|
|
li {
|
|
|
height: 80rem / $pxConvertRem;
|
|
|
line-height: 80rem / $pxConvertRem;
|
|
|
height: 80rem / $pxConvertRem !important;
|
|
|
line-height: 80rem / $pxConvertRem !important;
|
|
|
border: none;
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
|
...
|
...
|
@@ -215,9 +217,13 @@ |
|
|
color: #f0f0f0;
|
|
|
}
|
|
|
|
|
|
&.highlight {
|
|
|
background: #eee;
|
|
|
}
|
|
|
|
|
|
em {
|
|
|
font-weight: normal;
|
|
|
font-size: 30rem / $pxConvertRem;
|
|
|
font-size: 30rem / $pxConvertRem !important;
|
|
|
}
|
|
|
}
|
|
|
|
...
|
...
|
|