inspec/www/source/stylesheets/_sidebar.scss
Maggie Walker 08b1a5da88 Website: Fix docs nav functionality and optimize for mobile
A few minor styling fixes for the docs nav for mobile, refactoring
the markup to remove unneeded parent elements, and fixing a
bug where the nav overlapped with the footer if the window was
too short.
2016-09-26 12:46:56 -07:00

85 lines
1.2 KiB
SCSS

.sidebar-layout-docs {
.main-nav--links {
border-top: none;
}
.main-nav--link-ctas {
border-bottom: none;
margin-bottom: 3px;
}
}
.main-nav--sidebar {
padding: 0 $side-nav-padding-small;
@include nav-large {
padding: 0 $side-nav-padding-large;
}
}
.main-sidebar--links {
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%);
}
}
}
.center {
text-align: center;
}
.gsc-adBlock, .gcsc-branding {
display: none !important;
}
.gsc-control-cse {
padding: 0 !important;
tbody {
border: none;
background: none;
}
.gsc-input-box {
height: 3rem;
table {
margin-bottom: 0;
}
}
.gsc-input input {
box-shadow: none !important;
}
.gsc-search-button {
font-family: inherit;
font-size: 11px;
padding: 5px 18px;
height: 27px;
min-width: 54px;
}
}