inspec/www/source/stylesheets/_sidebar.scss
Christoph Hartmann 4641978716 Update InSpec website (#2681)
* New styles

* Fundamental styles for home page

* Legal pages

* Community page, downloads page, tutorials page

* Docs page

* Content toggle and github badge

* Add code - highlighter

* Copy button

* Sliding content animation

* fix particle animatino on downloads page

* Scroll-to-top button

* docs sidebar links

* innocent comments on resources

* Fancy code animation

* Small update to diamond

* whatever slider

* Slider styles

* initial selection if no sliders are there

* add netifly config

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>

* inspec for provisioners

* fix incorrect text on aws ssm

* fix layout javascript

post-rebase

* resource grouping in docs

* introduce groups in docs/resources

* fix minor spelling issues and move download button in new features section

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>

* pass linting

Signed-off-by: Christoph Hartmann <chris@lollyrock.com>
2018-02-17 07:44:42 -08:00

67 lines
992 B
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;
}
}
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;
}
}