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
|
// 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 {
|
||||||
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user