update hero background colours
This commit is contained in:
parent
c477296e9c
commit
b082e1ce19
|
@ -1,5 +1,5 @@
|
|||
<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>
|
||||
</div>
|
||||
|
|
|
@ -210,7 +210,7 @@ $transition-img-out: opacity $duration $delay ease-out, transform $duration;
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
background-color: pink;
|
||||
background-color: rgba(#000, 0.1);
|
||||
}
|
||||
|
||||
.block-grid {
|
||||
|
|
|
@ -67,6 +67,12 @@ html.is-animating .transition-fade {
|
|||
.nav-item {
|
||||
}
|
||||
|
||||
// hero
|
||||
|
||||
.hero-bg {
|
||||
background-color: var(--primary-500);
|
||||
}
|
||||
|
||||
// global
|
||||
|
||||
.site-title {
|
||||
|
|
Reference in New Issue