update hero background colours
This commit is contained in:
parent
c477296e9c
commit
b082e1ce19
|
@ -1,5 +1,5 @@
|
||||||
<article id="home">
|
<article id="home">
|
||||||
<div id="js-block-parent" class="l-screen-full l-relative l-flex l-flex-center l-flex-wrap l-justify-around u-overflow-hidden">
|
<div id="js-block-parent" class="l-screen-full l-relative l-flex l-flex-center l-flex-wrap l-justify-around u-overflow-hidden hero-bg">
|
||||||
<div class="block-container block-grid">
|
<div class="block-container block-grid">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -210,7 +210,7 @@ $transition-img-out: opacity $duration $delay ease-out, transform $duration;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|
||||||
background-color: pink;
|
background-color: rgba(#000, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.block-grid {
|
.block-grid {
|
||||||
|
|
|
@ -67,6 +67,12 @@ html.is-animating .transition-fade {
|
||||||
.nav-item {
|
.nav-item {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// hero
|
||||||
|
|
||||||
|
.hero-bg {
|
||||||
|
background-color: var(--primary-500);
|
||||||
|
}
|
||||||
|
|
||||||
// global
|
// global
|
||||||
|
|
||||||
.site-title {
|
.site-title {
|
||||||
|
|
Reference in New Issue