diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index 5935a4f..edd7f3c 100755 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -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 { @@ -57,10 +57,10 @@ $yellow: #fcc958; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); z-index: 0; @if $shape == 'circle' { - border-radius: 50px; - } + border-radius: 50px; + } @else { - border-radius: 0; + border-radius: 0; } } } @@ -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;