inspec/www/source/stylesheets/_sidebar.scss
Dominik Richter 964f9c7891
www: fix sidebar stickiness (#2698)
Signed-off-by: Dominik Richter <dominik.richter@gmail.com>
2018-02-19 12:24:05 -08:00

72 lines
1 KiB
SCSS

//stickjs - subtract header height
.is_stuck {
margin-top: $percent_md;
}
//overwriting default ul li styles for side bar
#sidebar {
@media screen and (max-width: 640px) {
margin-bottom: $percent_md;
}
position: absolute;
}
#mainbar {
margin-left: 25%;
}
ul.main-sidebar--links {
list-style-type: none;
margin-bottom: $percent_sm !important;
@media screen and (max-width: 640px) {
text-align: center;
}
}
ul.main-sidebar--links li:last-child {
margin-bottom: $percent_sm !important;
@include nav-small {
margin-bottom: 0;
}
}
//other styles
li.main-sidebar--link small {
padding-bottom: $percent_xs;
color: $color_gray;
}
ul.main-sidebar--list li {
padding-bottom: 4px;
}
ul.main-sidebar--list li a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
li > i.focus {
color: white;
}
li.t-purple > i.focus{
display: inline-flex;
color: $color_purple;
@include nav-small {
float: right;
}
@media screen and (max-width: 640px) {
color: white;
}
}