update: adjust header and banner
This commit is contained in:
parent
ce43bb9a6a
commit
8a4923aea8
|
@ -51,7 +51,7 @@
|
||||||
<h3 class="page-banner-subheading">
|
<h3 class="page-banner-subheading">
|
||||||
{{ subheading | default: page.subtitle | escape }}
|
{{ subheading | default: page.subtitle | escape }}
|
||||||
</h3>
|
</h3>
|
||||||
<div>
|
</div>
|
||||||
|
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
<header class="site-header {{ header_transparent_class }}" role="banner">
|
<header class="site-header {{ header_transparent_class }}" role="banner">
|
||||||
|
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
<div class="site-header-inner">
|
||||||
{%- assign default_paths = site.pages | where: "dir", "/" | map: "path" -%}
|
{%- assign default_paths = site.pages | where: "dir", "/" | map: "path" -%}
|
||||||
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
{%- assign page_paths = site.header_pages | default: default_paths -%}
|
||||||
|
|
||||||
|
@ -56,6 +57,7 @@
|
||||||
</nav>
|
</nav>
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -11,12 +11,10 @@ html {
|
||||||
&[data-scroll-status='top'] {
|
&[data-scroll-status='top'] {
|
||||||
header.site-header-transparent {
|
header.site-header-transparent {
|
||||||
height: 0;
|
height: 0;
|
||||||
text-shadow: 0 0 3px #08080880;
|
|
||||||
}
|
|
||||||
|
|
||||||
header.site-header .page-link {
|
&.site-header {
|
||||||
text-shadow: 0 0 2px #080808d0;
|
text-shadow: 0 0 2px #505050a0;
|
||||||
filter: drop-shadow(0 0 2px #08080880);
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
footer.site-footer {
|
footer.site-footer {
|
||||||
|
@ -56,6 +54,10 @@ html {
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.site-header-inner {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-brand {
|
.site-brand {
|
||||||
|
@ -65,17 +67,15 @@ html {
|
||||||
.site-brand-inner {
|
.site-brand-inner {
|
||||||
@include relative-font-size(1.125);
|
@include relative-font-size(1.125);
|
||||||
font-weight: $base-font-weight;
|
font-weight: $base-font-weight;
|
||||||
filter: drop-shadow(0 0 2px #08080880);
|
|
||||||
text-shadow: 0 0 2px #080808d0;
|
|
||||||
letter-spacing: -1px;
|
letter-spacing: -1px;
|
||||||
transition: drop-shadow 0.2s;
|
transition: filter 0.2s;
|
||||||
|
|
||||||
&, &:visited {
|
&, &:visited {
|
||||||
color: $header-text-color;
|
color: $header-text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
filter: drop-shadow(0 0 3px #080808a0);
|
filter: drop-shadow(0 0 2px #08080880);
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-favicon {
|
.site-favicon {
|
||||||
|
@ -88,8 +88,10 @@ html {
|
||||||
|
|
||||||
.site-nav {
|
.site-nav {
|
||||||
@include relative-font-size(1.025);
|
@include relative-font-size(1.025);
|
||||||
float: right;
|
|
||||||
line-height: $header-height;
|
line-height: $header-height;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
|
||||||
.nav-trigger {
|
.nav-trigger {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -112,12 +114,10 @@ html {
|
||||||
@include media-query($on-palm) {
|
@include media-query($on-palm) {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: $spacing-unit / 2;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
label[for="nav-trigger"] {
|
label[for="nav-trigger"] {
|
||||||
display: block;
|
display: block;
|
||||||
float: right;
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
@ -361,6 +361,10 @@ html {
|
||||||
> :nth-child(2) {
|
> :nth-child(2) {
|
||||||
font-weight: $base-font-weight * 1.5;
|
font-weight: $base-font-weight * 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
> :last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue