Sha256: 3c6cbaf713cdfdfbf5e7194ba64bb7c0973e999ca1773ddbe4b7deef60fdb0a0
Contents?: true
Size: 1.72 KB
Versions: 28
Compression:
Stored size: 1.72 KB
Contents
.sidebar-overlay {
background: $sidebar-background-color;
opacity: 0;
position: fixed;
visibility: hidden;
z-index: 9999;
top: 0;
left: 0;
right: 0;
bottom: 0;
&.active {
opacity: 0.3;
visibility: visible;
}
}
.sidebar {
background-color: $sidebar-background-color;
border: none;
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.15);
display: block;
position: relative;
min-height: 100%;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
width: 0;
z-index: 10000;
top: 0;
bottom: 0;
right: 0;
@include transition(all 0.5s cubic-bezier(0.55, 0, 0.1, 1));
@include clearfix();
&.open {
width: 280px;
}
.sidebar-divider, .divider {
width: 80%;
height: 1px;
margin: 8px auto;
background-color: #D7D7D7;
}
.sidebar-header {
margin: 30px auto;
text-align: center;
}
.sidebar-nav {
margin: 0;
padding: 0;
text-align: center;
li {
position: relative;
list-style-type: none;
text-align: center;
a {
color: $sidebar-link-color;
position: relative;
cursor: pointer;
user-select: none;
font-family: $sidebar-font-family;
font-weight: $sidebar-font-weight;
font-size: $sidebar-font-size;
&:hover,
&:focus,
&:active {
background: transparent;
color: $sidebar-link-color-hover;
outline: 0;
text-decoration: none;
svg {
fill: $sidebar-link-color-hover;
}
}
svg {
fill: $sidebar-link-color;
top: 2px;
width: 14px;
height: 14px;
margin-bottom: -2px;
margin-right: 4px;
}
}
}
}
}
Version data entries
28 entries across 28 versions & 1 rubygems