hugo-theme-hyde-hyde/static-src/scss/hyde-hyde/_sidebar.scss
2018-07-23 12:15:56 +10:00

73 lines
1 KiB
SCSS

.sidebar {
background-color: $sidebar-color;
color: rgb(255, 255, 255);
color: rgba(255, 255, 255, 0.5);
padding: 2rem 1rem;
text-align: center;
a {
color: $gray-1;
border: none;
&:hover {
@include link-no-decoration();
}
&:focus {
@include link-no-decoration();
}
}
.sidebar-about {
text-align: center;
}
}
.sidebar-nav {
text-align: center;
list-style: none;
margin-bottom: 2rem;
margin-top: 2rem;
padding-left: 0;
}
.sidebar-nav-item {
display: block;
line-height: 1.75;
.active {
font-weight: bold;
}
}
.site__title {
font-size: $site__title-font-size;
margin-bottom: 0.5rem;
a:hover {
border: none;
}
}
.site__description {
font-size: 1.285rem;
font-weight: 300;
}
.social {
text-align: center;
a {
@include link-no-decoration();
}
}
.img--circle {
border-radius: 50%;
}
.img--headshot {
height: 115px;
width: 115px;
}
.img--caption {
font-style: italic;
}
.copyright {
text-align: center;
font-size: $copyright-font-size;
}