Sha256: bcb547a91bf420779ad5daa3fd7cc83cb2546d0e05d5cbc435708fdecb28613a
Contents?: true
Size: 1.53 KB
Versions: 49
Compression:
Stored size: 1.53 KB
Contents
#mobile-header {
z-index: 3;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 40px;
background-color: #fff;
display: none;
box-shadow: 0 0 4px rgba(0,0,0,0.25);
.menu-button {
position: absolute;
width: 24px;
height: 24px;
top: 8px;
left: 12px;
background: url("../assets/images/menu.png") center center no-repeat;
background-size: 24px;
opacity: 0.5;
}
.logo {
position: absolute;
top: 5px;
left: 50%;
margin-left: -15px;
background-size: 30px;
img {
width: 30px;
height: 30px;
}
}
}
#mobile-shade {
z-index: 1;
display: none;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
}
@media screen and (max-width: 560px) {
body {
font-size: 14px;
}
body.sidebar-open {
#sidebar {
transform: translate3d(0, 0, 0);
}
#mobile-shade {
opacity: 1;
pointer-events: auto;
}
}
#header {
height: 40px;
}
#top-nav {
display: none;
}
#site-nav {
display: none;
}
#mobile-header {
display: block;
}
#mobile-shade {
display: block;
}
#sidebar-mobile {
display: block;
}
#wrap {
padding-top: 40px;
padding-left: 0;
}
#sidebar {
top: 0;
left: 0;
padding-top: 60px;
border-right: none;
box-shadow: 0 0 4px rgba(0,0,0,0.25);
transition: transform 0.3s ease;
transform: translate3d(-120%, 0, 0);
display: block;
}
}
Version data entries
49 entries across 49 versions & 1 rubygems