diff --git a/src/assets/scss/global/_branding.scss b/src/assets/scss/global/_branding.scss index 9f153f0..3509056 100644 --- a/src/assets/scss/global/_branding.scss +++ b/src/assets/scss/global/_branding.scss @@ -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'); diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index fd8d89f..fa86399 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -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; + 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; - background-color: $secondary-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; + } } } } diff --git a/src/partials/footer.html b/src/partials/footer.html index da6e03b..601033b 100644 --- a/src/partials/footer.html +++ b/src/partials/footer.html @@ -1,7 +1,7 @@ - diff --git a/src/partials/header.html b/src/partials/header.html index d79f25a..23d489d 100644 --- a/src/partials/header.html +++ b/src/partials/header.html @@ -1,5 +1,5 @@
- +

arcHIVE

an integrative digital bio-art platform

@@ -8,10 +8,10 @@