Mods on header and footer branding

This commit is contained in:
jorge 2021-06-23 15:21:32 +02:00
parent a338dcf9d6
commit 535fcb56da
4 changed files with 37 additions and 24 deletions

View File

@ -12,7 +12,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
} }
&.archive{ &.arc-hive{
&::before { &::before {
max-width: 10rem; max-width: 10rem;
background-image: url('../img/ARC-HIVE-logo.svg'); background-image: url('../img/ARC-HIVE-logo.svg');

View File

@ -8,13 +8,9 @@
// ----------------------------- // -----------------------------
h1,h2,h3,h4,h5,h6, h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6, .h1,.h2,.h3,.h4,.h5,.h6,
button,.button, button,.button,
header nav, header nav {
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps; font-variant:all-small-caps;
a { a {
color: $body-font-color; color: $body-font-color;
@ -82,9 +78,10 @@
@include xy-cell(12); @include xy-cell(12);
@include flex; @include flex;
@include flex-align(center,top); @include flex-align(center,top);
}
@include breakpoint(small){
padding-top: $global-padding*3; padding-top: $global-padding*3;
h3 {
line-height: $global-lineheight/1.5;
}
} }
} }
main { main {
@ -120,7 +117,7 @@
} }
} }
.date { .date {
height: 1rem; // height: 1rem;
padding-top: $global-padding*2; padding-top: $global-padding*2;
} }
.entry-title { .entry-title {
@ -156,11 +153,12 @@
@include xy-cell(12); @include xy-cell(12);
@include flex; @include flex;
@include flex-align(center,top); @include flex-align(center,top);
padding: $global-padding*3 0; padding: $global-padding*2 0;
} }
header { header {
margin-top: 2*$global-margin;
border-top: 1px solid $body-font-color; border-top: 1px solid $body-font-color;
padding: $global-padding*4 0; padding: $global-padding*2 0;
} }
main { main {
@include xy-grid; @include xy-grid;
@ -315,17 +313,33 @@
border-top: none; border-top: none;
max-height: unset; max-height: unset;
@include breakpoint(small){ @include breakpoint(small){
.slide { .slides {
width:100vw;
&:first-child {
color: $body-font-color;
background-color: $secondary-color; background-color: $secondary-color;
.slide {
flex-direction: column;
align-content: center;
align-self: center;
margin: $global-margin auto;
&:first-child {
color: unset;
background-color: unset;
font-variant:all-small-caps; font-variant:all-small-caps;
} }
figure {
margin: 0 auto;
display:flex;
justify-content: center;
}
}
} }
} }
aside { aside {
background-color: $white; background-color: $white;
flex-direction: column;
align-content: center;
h2 {
margin: $global-margin;
}
} }
} }
} }

View File

@ -1,7 +1,7 @@
<footer class=""> <footer class="">
<section class="subsection"> <section class="subsection">
<aside class="site-brand archive"> <aside class="site-brand arc-hive">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class=""> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class="">
<h1 class="site-name"> <h1 class="site-name">
<?php bloginfo( 'name' ); ?> <?php bloginfo( 'name' ); ?>
@ -59,4 +59,3 @@
</aside> </aside>
</section> </section>
</footer> </footer>

View File

@ -1,5 +1,5 @@
<main class=""> <main class="">
<a href="#" role="banner" class="site-brand"> <a href="/" role="banner" class="site-brand arc-hive">
<h1 class="site-name">arcHIVE</h1> <h1 class="site-name">arcHIVE</h1>
<h2 class="site-description">an integrative digital bio-art platform</h2> <h2 class="site-description">an integrative digital bio-art platform</h2>
</a> </a>
@ -8,10 +8,10 @@
<menu class=""> <menu class="">
<!-- Content --> <!-- Content -->
<ul class="menu"> <ul class="menu">
<li><a href="#">News</a></li> <li><a href="/">News</a></li>
<li><a href="omeka-index.html">Omeka</a></li> <li><a href="omeka-index.html">Omeka</a></li>
<li><a href="#">Contact</a></li> <li><a href="styleguide.html">StyleGuide</a></li>
<li><a href="#">Search</a></li> <li><a href="kitchensink.html">KitchenSink</a></li>
</ul> </ul>
</menu> </menu>
</nav> </nav>