champs-libres/chill_hugoplate
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make arrows white for better visibility

Browse Source
This commit is contained in:
Julie Lenaerts 2024-01-18 20:40:16 +01:00
parent c8d995bfab
commit e2e1fca9b8
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/scss/custom.scss
View File

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