make arrows white for better visibility

This commit is contained in:
Julie Lenaerts 2024-01-18 20:40:16 +01:00
parent c8d995bfab
commit e2e1fca9b8

View File

@ -42,7 +42,7 @@ $yellow: #fcc958;
}
// Colored design element: square or circle
@mixin add-decorative-shape($color, $shape: 'square', $scale: 1, $pos-top: -50%, $pos-left: 44%) {
@mixin add-decorative-shape($color, $shape: 'square', $scale: 1, $pos-top: -60%, $pos-left: 44%) {
position: relative;
z-index: 1;
&:before {
@ -138,6 +138,7 @@ main > section {
}
h4 {
font-weight: bold;
height: 175px;
color: $bg-dark-blue;
border: 1px dashed $bg-dark-blue;
border-radius: 15px;
@ -226,7 +227,7 @@ section {
@include add-decorative-shape($red, 'circle', 1);
}
&:nth-child(3) {
@include add-decorative-shape($chill-orange, 'square', 1);
@include add-decorative-shape($chill-orange, 'triangle', 1);
}
&:nth-child(4) {
@include add-decorative-shape($yellow, 'circle', 1);
@ -236,9 +237,6 @@ section {
&.section-5 {
.container .row {
h2 {
text-transform: capitalize;
}
p {
margin-bottom: 5rem;
}
@ -335,6 +333,9 @@ main > section {
background-color: $bg-dark-blue;
@include add-bg-pattern(1);
h1 { color: $text-green; }
i {
color: $chill-lightgray;
}
}
.content-subtitle {
text-transform: uppercase;