lxm_front/eruda
1
0
Fork 0
mirror of https://github.com/liriliri/eruda.git synced 2026-03-24 09:48:37 +08:00
Code Issues Projects Releases Wiki Activity

Use prettier to format style code

Browse Source
This commit is contained in:
redhoodsu
2018-06-18 17:56:12 +08:00
parent 29d9d75d39
commit c05b4403fb
20 changed files with 1444 additions and 1306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/DevTools/DevTools.scss
View File

@@ -1,28 +1,27 @@
@import "../style/variable";
@import "../style/mixin";
@import '../style/variable';
@import '../style/mixin';
.dev-tools {
position: absolute;
width: 100%;
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: #fff;
z-index: 500;
display: none;
opacity: 0;
transition: opacity $anim-duration;
.tools {
@include overflow-auto();
height: 100%;
left: 0;
bottom: 0;
background: #fff;
z-index: 500;
display: none;
opacity: 0;
transition: opacity $anim-duration;
.tools {
@include overflow-auto();
height: 100%;
width: 100%;
position: relative;
.tool {
@include absolute();
overflow: hidden;
display: none;
background: #f8f9fa;
}
width: 100%;
position: relative;
.tool {
@include absolute();
overflow: hidden;
display: none;
background: #f8f9fa;
}
}
}

80
src/DevTools/NavBar.scss
View File

@@ -1,46 +1,46 @@
@import "../style/variable";
@import "../style/mixin";
@import '../style/variable';
@import '../style/mixin';
$height: 55px;
$item-width: 69px;
.dev-tools {
.nav-bar {
@include absolute(100%, $height);
@include overflow-auto(x);
box-shadow: $box-shadow;
z-index: 100;
background: $blue;
font-size: 0;
white-space: nowrap;
.nav-bar-item {
cursor: pointer;
display: inline-block;
height: $height;
line-height: $height;
padding: 0 10px;
color: #fff;
font-size: $font-size-s;
text-align: center;
text-transform: capitalize;
transition: all $anim-duration;
&:active {
background: $gray-dark;
opacity: 0.5;
}
&.active {
background: $gray-light;
color: $gray-dark;
opacity: 0.5;
}
}
.bottom-bar {
transition: left $anim-duration, width $anim-duration;
height: 3px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
}
.nav-bar {
@include absolute(100%, $height);
@include overflow-auto(x);
box-shadow: $box-shadow;
z-index: 100;
background: $blue;
font-size: 0;
white-space: nowrap;
.nav-bar-item {
cursor: pointer;
display: inline-block;
height: $height;
line-height: $height;
padding: 0 10px;
color: #fff;
font-size: $font-size-s;
text-align: center;
text-transform: capitalize;
transition: all $anim-duration;
&:active {
background: $gray-dark;
opacity: 0.5;
}
&.active {
background: $gray-light;
color: $gray-dark;
opacity: 0.5;
}
}
}
.bottom-bar {
transition: left $anim-duration, width $anim-duration;
height: 3px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
}
}
}