Commit 02efc5fe authored by Benthe Kuijpers's avatar Benthe Kuijpers
Browse files

page specific colour styles

parent c918e0bc
......@@ -38,6 +38,9 @@
$('.menu-item a').each(function() {
descenderSpan($(this));
});
$('.page-header h1').each(function() {
descenderSpan($(this));
});
$('blockquote strong').each(function() {
descenderSpan($(this));
});
......
!function(e){e(document).ready(function(){function t(e){var t={g:!0,j:!0,p:!0,q:!0,y:!0},s=e.html().split("");for(i=0,i=0;i<s.length;i+=1)t[s[i]]&&(s[i]='<span class="descender descender--'+s[i]+'">'+s[i]+"</span>");e.html(s.join(""))}e(window).scroll(function(t){e(window).scrollTop()>200?e(".site-header").addClass("site-header--scrolling"):e(".site-header").removeClass("site-header--scrolling")}),e(".js-toggle-hamburger").click(function(){e(this).toggleClass("hamburger--active"),e(".site-header").toggleClass("site-header--nav-active"),e(".navigation").toggleClass("navigation--shown")}),e(".menu-item a").each(function(){t(e(this))}),e("blockquote strong").each(function(){t(e(this))}),e(".menu-item.osn a").append('<span class="arrow">↗</span>'),e(".archive__filters").on("click",".filter-button",function(){var t=e(this),i=t.attr("data-filter");t.parent().addClass("archive__filters--active"),e(".filter-button").removeClass("filter-button--active"),t.addClass("filter-button--active"),e(".archive__no-results").hide(),e(".list").isotope({filter:i}),e(".list").data("isotope").filteredItems.length||e(".archive__no-results").show()})})}(jQuery);
\ No newline at end of file
!function(e){e(document).ready(function(){function t(e){var t={g:!0,j:!0,p:!0,q:!0,y:!0},s=e.html().split("");for(i=0,i=0;i<s.length;i+=1)t[s[i]]&&(s[i]='<span class="descender descender--'+s[i]+'">'+s[i]+"</span>");e.html(s.join(""))}e(window).scroll(function(t){e(window).scrollTop()>200?e(".site-header").addClass("site-header--scrolling"):e(".site-header").removeClass("site-header--scrolling")}),e(".js-toggle-hamburger").click(function(){e(this).toggleClass("hamburger--active"),e(".site-header").toggleClass("site-header--nav-active"),e(".navigation").toggleClass("navigation--shown")}),e(".menu-item a").each(function(){t(e(this))}),e(".page-header h1").each(function(){t(e(this))}),e("blockquote strong").each(function(){t(e(this))}),e(".menu-item.osn a").append('<span class="arrow">↗</span>'),e(".archive__filters").on("click",".filter-button",function(){var t=e(this),i=t.attr("data-filter");t.parent().addClass("archive__filters--active"),e(".filter-button").removeClass("filter-button--active"),t.addClass("filter-button--active"),e(".archive__no-results").hide(),e(".list").isotope({filter:i}),e(".list").data("isotope").filteredItems.length||e(".archive__no-results").show()})})}(jQuery);
\ No newline at end of file
......@@ -31,7 +31,7 @@
bottom: -10px;
left: 0;
mix-blend-mode: multiply;
z-index: -1;
z-index: -2;
}
&:before {
......
......@@ -8,6 +8,7 @@
img {
mix-blend-mode: multiply;
max-width: 100%;
z-index: -1;
}
&:hover img {
......
......@@ -39,6 +39,10 @@ body {
margin: 0;
@include colouredBar($red, $bg-yellow);
text-shadow: -3px 3px #FFF, 3px 3px #FFF;
.descender:after {
bottom: -5px;
}
}
}
......
......@@ -5,13 +5,6 @@
padding: 120px 0;
}
// If this is the first row, make it full height
@media only screen and (min-width: $medium) {
&[data-index="1"] .container {
height: 65vh;
}
}
.container>h2 {
margin: 0 0 10px;
@include colouredBar($green, $blue);
......@@ -67,7 +60,7 @@
.btn {
background: $blue;
margin: 40px 0 0;
margin: 40px 0 2px;
@include colourBg($lightblue, 0deg);
}
}
......@@ -98,4 +91,11 @@
&--yellow {
background: $bg-yellow;
}
}
// If this is the first row, make it full height
@media only screen and (min-width: $medium) {
body.home .content-row[data-index="1"] .container {
min-height: 65vh;
}
}
\ No newline at end of file
#primary.page {
&--get-involved {
.page-header h1:before,
.text-wrapper a.btn,
ol li:before,
ul li:before {
background: $purple;
}
a.btn:before,
ol li:after,
ul li:after {
background: $bg-yellow;
}
}
&--about-us {
.page-header h1:before,
.text-wrapper a.btn,
ol li:before,
ul li:before {
background: $yellow;
}
a.btn:before,
ol li:after,
ul li:after {
background: $bg-yellow;
}
}
}
\ No newline at end of file
......@@ -77,6 +77,7 @@
mix-blend-mode: multiply;
background: $blue;
border-radius: 50%;
z-index: -1;
}
&:before {
......
@import "archive";
@import "error";
@import "single";
\ No newline at end of file
@import "single";
@import "page";
\ No newline at end of file
<?php get_header(); ?>
<main id="primary" class="site-main">
<main id="primary" class="site-main page--<?php echo basename(get_the_permalink()); ?>">
<?php
if ( have_posts() ) :
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment