diff --git a/src/css/blog.scss b/src/css/blog.scss index bd092cd..ce108a5 100644 --- a/src/css/blog.scss +++ b/src/css/blog.scss @@ -11,7 +11,7 @@ } .post { - width: calc(33.333333% - 1.6rem); + width: calc(33.28% - 1.6rem); margin: 0 .8rem 1rem; position: relative; text-decoration: none; @@ -77,7 +77,7 @@ } @media (max-width: $media-l) { - width: calc(50% - 1.6rem); + width: calc(49.98% - 1.6rem); &:nth-of-type(3) { display: none; } @@ -93,7 +93,7 @@ } @media (min-width: $media-xl) { - width: calc(25% - 1.6rem); + width: calc(24.98% - 1.6rem); &:last-of-type { display: block; } @@ -155,6 +155,9 @@ width: 36rem; max-width: 90%; margin: -10rem auto 2rem; + &-caption { + font-size: $font-s; + } } @media (max-width: $media-m) { h1 { diff --git a/src/css/events.scss b/src/css/events.scss index d1c67bf..a1ca19d 100644 --- a/src/css/events.scss +++ b/src/css/events.scss @@ -54,7 +54,7 @@ } .event { - width: calc(25% - 1rem); + width: calc(24.98% - 1rem); margin: 0 0.5rem 1rem; position: relative; text-decoration: none; @@ -125,20 +125,20 @@ } @media (min-width: $media-xl) { - width: calc(20% - 1rem); + width: calc(19.98% - 1rem); &:nth-child(9), &:nth-child(10) { display: block; } } @media (max-width: $media-l) { - width: calc(33.333333% - 1rem); + width: calc(33.28% - 1rem); &:nth-child(9) { display: block; } } @media (max-width: $media-m) { - width: calc(50% - 1rem); + width: calc(49.98% - 1rem); &:nth-child(9), &:nth-child(10) { display: none; diff --git a/src/css/page.scss b/src/css/page.scss index eea467e..52fd90d 100644 --- a/src/css/page.scss +++ b/src/css/page.scss @@ -59,6 +59,17 @@ margin-bottom: -1rem; } +.page-hero { + width: 100%; + max-width: $width-l; + margin: 0 auto; + &_image { + &-caption { + font-size: $font-s; + } + } +} + .wp-content { img, div, ul, p, h1, h2, h3, h4, h5, h6, span, blockquote { max-width: $width-m; @@ -72,6 +83,9 @@ a { color: $color-black; + &:hover { + color: $color-bloodorange; + } } img, div, .wp-caption { diff --git a/src/css/venues.scss b/src/css/venues.scss index 2c1f9ea..8b7196f 100644 --- a/src/css/venues.scss +++ b/src/css/venues.scss @@ -10,13 +10,16 @@ text-align: center; margin-bottom: 2rem; - ul, p { + table, p { text-align: left; margin-bottom: 0; } - ul { + table { + width: 100%; + max-width: $width-m; font-size: $font-s; + margin-top: 0; } p { @@ -35,17 +38,21 @@ } .venue-page { + text-align: center; padding-top: 2rem; .page-title { margin-top: 0; } - ul, p { + table, p { text-align: left; margin-bottom: 0; } - ul { + table { + width: 100%; + max-width: $width-m; font-size: $font-s; + margin-top: 0; } p { @@ -71,6 +78,10 @@ text-decoration: none; } +.venue-content { + margin-bottom: 2rem; +} + .venue-featured-image { width: 36rem; max-width: 100%; @@ -83,7 +94,7 @@ width: 48%; } .venue-text { - padding-left: 2rem; + padding-left: 1rem; } .venue-featured-image { max-width: 100%; @@ -93,11 +104,14 @@ .venue-title h2 { margin: 1rem auto 2rem; } + table { + margin-left: 0; + } } @media (min-width: $media-xl) { .venue-text { - padding-left: 0; + padding-left: 1rem; } } @@ -106,6 +120,9 @@ max-width: calc(100% + 2rem); margin: 0 -1rem 1rem; } + .venue-content { + margin-bottom: 1rem; + } } .neuf-map { diff --git a/src/img/logo/logo-h-s.svg b/src/img/logo/logo-h-s.svg index db08ba2..8c18d13 100644 --- a/src/img/logo/logo-h-s.svg +++ b/src/img/logo/logo-h-s.svg @@ -1,11 +1,11 @@ \ No newline at end of file diff --git a/src/img/logo/logo-xxl-nowhitespace.svg b/src/img/logo/logo-xxl-nowhitespace.svg new file mode 100644 index 0000000..99b7602 --- /dev/null +++ b/src/img/logo/logo-xxl-nowhitespace.svg @@ -0,0 +1,25 @@ + + \ No newline at end of file diff --git a/src/img/logo/logo-xxl.svg b/src/img/logo/logo-xxl.svg index f5f937f..aef34ec 100644 --- a/src/img/logo/logo-xxl.svg +++ b/src/img/logo/logo-xxl.svg @@ -1,58 +1,25 @@ \ No newline at end of file diff --git a/src/templates/venue.js b/src/templates/venue.js index e3310fa..31d5094 100644 --- a/src/templates/venue.js +++ b/src/templates/venue.js @@ -40,16 +40,16 @@ export class VenueTemplate extends React.Component {
| Etasje | {floor} |