update styling for docs

This commit is contained in:
Dominik Richter 2016-09-26 02:12:07 +02:00
parent af92ae559f
commit 244944c798
3 changed files with 34 additions and 3 deletions

View file

@ -4,10 +4,10 @@
- if locals[:sidebar_layout] == 'docs' - if locals[:sidebar_layout] == 'docs'
form.main-sidebar--search action="/docs/search/" method="get" form.main-sidebar--search action="/docs/search/" method="get"
input type="text" placeholder="Search Documentation" name="q" input type="text" placeholder="Search Documentation" name="q"
ul.no-bullet ul.main-sidebar--links
- sidebar_data(sidebar_layout).each do |item| - sidebar_data(sidebar_layout).each do |item|
li.main-sidebar--heading li.main-sidebar--link
h4 = item.title h6 = item.title
ul.main-sidebar--list.no-bullet ul.main-sidebar--list.no-bullet
- item.links.each do |item_link| - item.links.each do |item_link|
li.main-sidebar--list--item class=link_classes(current_resource.url, item_link) li.main-sidebar--list--item class=link_classes(current_resource.url, item_link)

View file

@ -0,0 +1,30 @@
.main-sidebar ul {
list-style: none;
margin-left: 0.5rem;
ul {
margin-left: 0;
margin-bottom: 1rem;
}
}
.main-sidebar--link h6 {
font-weight: 500;
}
.main-sidebar--list--item {
position: relative;
padding: 3px 0;
text-transform: uppercase;
font-size: 14px;
& > a {
color: $inspec-grey;
&:hover,
&:focus,
&:active {
color: darken($inspec-grey, 15%);
}
}
}

View file

@ -4,6 +4,7 @@
@import "settings"; @import "settings";
@import "buttons"; @import "buttons";
@import "nav"; @import "nav";
@import "sidebar";
@import "footer"; @import "footer";
@import "layout"; @import "layout";
@import "typography"; @import "typography";