lxm_front/eruda
1
0
Fork 0
mirror of https://github.com/liriliri/eruda.git synced 2026-04-01 10:18:35 +08:00
Code Issues Projects Releases Wiki Activity

Dev: Refactoring

Browse Source
This commit is contained in:
surunzi
2016-05-28 21:53:09 +08:00
parent 4500dedc90
commit 2cae2dccbc
22 changed files with 296 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/DevTools/NavBar.scss
View File

@@ -1,14 +1,13 @@
@import "../style/variable";
@import "../style/mixin";
$height: 55px;
$item-width: 69px;
.dev-tools {
.nav-bar {
height: 50px;
overflow-y: auto;
position: absolute;
width: 100%;
-webkit-overflow-scrolling: touch;
left: 0;
top: 0;
@include absolute(100%, $height);
@include overflow-auto(y);
box-shadow: $box-shadow;
z-index: 100;
background: $blue;
@@ -17,30 +16,28 @@
li {
cursor: pointer;
display: inline-block;
height: 50px;
line-height: 50px;
width: 69px;
color: $gray-light;
font-size: 12px;
height: $height;
line-height: $height;
width: $item-width;
color: #fff;
font-size: $font-size-s;
text-align: center;
opacity: 0.5;
text-transform: capitalize;
transition: all .3s;
transition: all $anim-duration;
&.active {
color: #fff;
opacity: 1;
background: $blue-light;
}
}
}
.bottom-bar {
transition: left .3s;
transition: left $anim-duration;
height: 3px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 69px;
width: $item-width;
}
}
}