make arrows white for better visibility
This commit is contained in:
parent
c8d995bfab
commit
e2e1fca9b8
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user