mixyll/_sass/_header.scss

66 lines
1.1 KiB
SCSS
Raw Permalink Normal View History

2020-01-24 11:20:29 +00:00
.site-header {
padding-top: $space-1;
padding-bottom: $space-2;
}
.share-page {
padding: $space-2 0;
}
.share-links a {
margin: 0 0.2em;
}
.site-header a,
.social-icons a,
.share-links a {
color: $header-color;
font-size: $h3;
font-weight: $header-font-weight;
background-image: none;
}
.site-header .site-title {
font-size: $h2;
}
.site-header nav a {
color: $nav-color;
}
.site-header nav a:hover,
.site-header nav a:focus,
.site-header nav a:active,
.site-header nav a.nav-active:hover,
.site-header nav a.nav-active:focus,
.site-header nav a.nav-active:active {
color: $nav-link-color;
opacity: 1;
border-bottom: $nav-link-border-bottom;
}
.site-header nav a.nav-active {
border-bottom: $nav-active-border-bottom;
}
.site-nav a + a {
margin-left: $nav-link-padding-x;
}
.site-header a:hover,
.posts .post a:hover .post-meta,
.posts .post a:hover .post-title,
.posts .post a:hover .post-summary,
.social-icons a:hover,
.share-links a:hover {
opacity: 0.88;
}
.site-header {
text-align: center;
}
.site-header .site-nav {
text-align: center;
}