Update banner styles
This commit is contained in:
parent
0e52e1bdfe
commit
087728b827
@ -441,13 +441,14 @@ section:not(:last-child) {
|
|||||||
/* Site Banner
|
/* Site Banner
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
.site__banner {
|
.site__banner {
|
||||||
background-color: rgba(0, 0, 0, 0.44);
|
background-color: rgba(0, 0, 0, 0.6);
|
||||||
background-blend-mode: multiply;
|
background-blend-mode: multiply;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
color: #f1e8e2;
|
color: #f1e8e2;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 2rem 1rem;
|
padding: 2rem 1rem;
|
||||||
|
text-shadow: 1px 1px 2px black;
|
||||||
font-family: 'Vollkorn', serif;
|
font-family: 'Vollkorn', serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -792,6 +793,10 @@ article + article {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item__variant {
|
||||||
|
color: var(--red-color);
|
||||||
|
}
|
||||||
|
|
||||||
.item__form,
|
.item__form,
|
||||||
.coupon__form p {
|
.coupon__form p {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -15,8 +15,7 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="site__banner site__banner--site">
|
<div class="site__banner site__banner--site">
|
||||||
<h1>Welcome to our new website!</h1>
|
<h1>Now three different size bags to choose from!</h1>
|
||||||
<h4>NEW COOL LOOK, SAME GREAT COFFEE</h4>
|
|
||||||
</div>
|
</div>
|
||||||
<article>
|
<article>
|
||||||
<section class="product__list">
|
<section class="product__list">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user