Sha256: 9aeaf1b9140cc7fb8a64c7d1f3f1baa60cc88b58152ffbe678bddfbac8212945
Contents?: true
Size: 1.69 KB
Versions: 5
Compression:
Stored size: 1.69 KB
Contents
body {
&.blank {
background: #fff;
}
&.main_template {
padding: 40px 0 0 0;
}
}
#app_content {
display: block;
position: relative;
// position: static;
width: 100%; height: 100%;
z-index: 1;
@include gpu_render;
}
#aside {
// @mixin single_shine( $color, $times: 3, $position: right, $width: 5px, $blur: 5px, $size: 0, $corner: 100 )
display: block; position: fixed;
top: 40px; right: auto; bottom: 0; left: 0;
width: 220px;
z-index: 99999;
background: #e5e5e5;
// box-shadow: inset -2px 0 3px 0 #000;
border-right: solid 1px #ccc;
overflow-y: scroll;
.btn { width: 90%; margin: 0 auto; display: block; }
// transform: translateZ( 0 ) ;
// transform: translateX( -222px ) ;
transform: translate(-220px,0) ;
transition: all 0.5s ease-in-out;
@include asideScrollBar;
}
#mobile_header {
position: fixed;
top: 0; right: 0; left: 0;
height: 40px; line-height: 40px;
z-index: 999999;
// @include linear-gradient( #222, #111 );
color: #ccc;
background: rgba(0,0,0,.80);
text-shadow: 0 1px 1px #000;
i, i:before { font-size: 24px; line-height: 40px;}
text-decoration: none;
}
body.aside-on {
#aside {
// transform: translateX( 0 ) ;
transform: translate(0,0) ;
}
#mobile_header { color: #069; }
}
@include responsiveStep-sm {
body {
&.main_template {
padding: 0 0 0 220px;
}
}
#aside {
@include single_shine( rgba(0,0,0,.13), 1, right, 10px );
display: block; position: fixed;
top: 0;
// transform: translateX( 0 ) ;
transform: translate(0,0) ;
}
#mobile_header {
display: none;
}
}
Version data entries
5 entries across 5 versions & 1 rubygems