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-position: center;
}
&.archive{
&.arc-hive{
&::before {
max-width: 10rem;
background-image: url('../img/ARC-HIVE-logo.svg');

View File

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

View File

@ -1,7 +1,7 @@
<footer class="">
<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="">
<h1 class="site-name">
<?php bloginfo( 'name' ); ?>
@ -59,4 +59,3 @@
</aside>
</section>
</footer>

View File

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