_sass/scaffold/_header.scss in jekyll-theme-scaffold-0.1.0 vs _sass/scaffold/_header.scss in jekyll-theme-scaffold-1.0.0
- old
+ new
@@ -38,10 +38,49 @@
a {
color: inherit;
&:hover,
&:focus {
- color: var(--link-hover-color);
+ color: var(--link-color);
text-decoration: none;
+ }
+ }
+}
+
+@media screen and (min-width: $lg-screen) {
+ .masthead {
+ text-align: center;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+
+ .masthead-title {
+ display: block;
+ font-size: 200%;
+ }
+
+ .masthead-tagline {
+ display: block;
+ font-size: 100%;
+ }
+
+ .nav {
+ margin-top: var(--spacer-2);
+ }
+ .nav-item {
+ display: block;
+ margin-right: 0;
+ margin-bottom: var(--spacer);
+ font-size: 120%;
+
+ &:before {
+ content: none;
+ }
+
+ a {
+ border-bottom: 2px solid var(--body-color);
}
}
}