rdd.ro/nunta
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use pantone color of 2023

Browse Source
This commit is contained in:
liviu 2023-08-05 07:38:02 +00:00
parent 588c42aed0
commit 71753d06ef
4 changed files with 79 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

171
dist/css/styles.css vendored
View File

@ -34,7 +34,7 @@
--bs-gray-700: #495057; --bs-gray-700: #495057;
--bs-gray-800: #343a40; --bs-gray-800: #343a40;
--bs-gray-900: #212529; --bs-gray-900: #212529;
--bs-primary: #A16882; --bs-primary: #BE3455;
--bs-secondary: #6c757d; --bs-secondary: #6c757d;
--bs-success: #198754; --bs-success: #198754;
--bs-info: #0dcaf0; --bs-info: #0dcaf0;
@ -42,7 +42,7 @@
--bs-danger: #dc3545; --bs-danger: #dc3545;
--bs-light: #f8f9fa; --bs-light: #f8f9fa;
--bs-dark: #212529; --bs-dark: #212529;
--bs-primary-rgb: 161, 104, 130; --bs-primary-rgb: 190, 52, 85;
--bs-secondary-rgb: 108, 117, 125; --bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84; --bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240; --bs-info-rgb: 13, 202, 240;
@ -73,8 +73,8 @@
--bs-border-radius-xl: 1rem; --bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem; --bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem; --bs-border-radius-pill: 50rem;
--bs-link-color: #A16882; --bs-link-color: #BE3455;
--bs-link-hover-color: #815368; --bs-link-hover-color: #982a44;
--bs-code-color: #d63384; --bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd; --bs-highlight-bg: #fff3cd;
} }
@ -1816,13 +1816,13 @@ progress {
.table-primary { .table-primary {
--bs-table-color: #000; --bs-table-color: #000;
--bs-table-bg: #ece1e6; --bs-table-bg: #f2d6dd;
--bs-table-border-color: #d4cbcf; --bs-table-border-color: #dac1c7;
--bs-table-striped-bg: #e0d6db; --bs-table-striped-bg: #e6cbd2;
--bs-table-striped-color: #000; --bs-table-striped-color: #fff;
--bs-table-active-bg: #d4cbcf; --bs-table-active-bg: #dac1c7;
--bs-table-active-color: #fff; --bs-table-active-color: #fff;
--bs-table-hover-bg: #dad0d5; --bs-table-hover-bg: #e0c6cc;
--bs-table-hover-color: #fff; --bs-table-hover-color: #fff;
color: var(--bs-table-color); color: var(--bs-table-color);
border-color: var(--bs-table-border-color); border-color: var(--bs-table-border-color);
@ -2022,9 +2022,9 @@ progress {
.form-control:focus { .form-control:focus {
color: #212529; color: #212529;
background-color: #fff; background-color: #fff;
border-color: #d0b4c1; border-color: #df9aaa;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(161, 104, 130, 0.25); box-shadow: 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
} }
.form-control::-webkit-date-and-time-value { .form-control::-webkit-date-and-time-value {
height: 1.5em; height: 1.5em;
@ -2169,9 +2169,9 @@ textarea.form-control-lg {
} }
} }
.form-select:focus { .form-select:focus {
border-color: #d0b4c1; border-color: #df9aaa;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(161, 104, 130, 0.25); box-shadow: 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
} }
.form-select[multiple], .form-select[size]:not([size="1"]) { .form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right: 0.75rem; padding-right: 0.75rem;
@ -2249,13 +2249,13 @@ textarea.form-control-lg {
filter: brightness(90%); filter: brightness(90%);
} }
.form-check-input:focus { .form-check-input:focus {
border-color: #d0b4c1; border-color: #df9aaa;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(161, 104, 130, 0.25); box-shadow: 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
} }
.form-check-input:checked { .form-check-input:checked {
background-color: #A16882; background-color: #BE3455;
border-color: #A16882; border-color: #BE3455;
} }
.form-check-input:checked[type=checkbox] { .form-check-input:checked[type=checkbox] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@ -2264,8 +2264,8 @@ textarea.form-control-lg {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
} }
.form-check-input[type=checkbox]:indeterminate { .form-check-input[type=checkbox]:indeterminate {
background-color: #A16882; background-color: #BE3455;
border-color: #A16882; border-color: #BE3455;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
} }
.form-check-input:disabled { .form-check-input:disabled {
@ -2295,7 +2295,7 @@ textarea.form-control-lg {
} }
} }
.form-switch .form-check-input:focus { .form-switch .form-check-input:focus {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d0b4c1'/%3e%3c/svg%3e"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23df9aaa'/%3e%3c/svg%3e");
} }
.form-switch .form-check-input:checked { .form-switch .form-check-input:checked {
background-position: right center; background-position: right center;
@ -2339,10 +2339,10 @@ textarea.form-control-lg {
outline: 0; outline: 0;
} }
.form-range:focus::-webkit-slider-thumb { .form-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(161, 104, 130, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
} }
.form-range:focus::-moz-range-thumb { .form-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(161, 104, 130, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
} }
.form-range::-moz-focus-outer { .form-range::-moz-focus-outer {
border: 0; border: 0;
@ -2351,7 +2351,7 @@ textarea.form-control-lg {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.25rem; margin-top: -0.25rem;
background-color: #A16882; background-color: #BE3455;
border: 0; border: 0;
border-radius: 1rem; border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -2366,7 +2366,7 @@ textarea.form-control-lg {
} }
} }
.form-range::-webkit-slider-thumb:active { .form-range::-webkit-slider-thumb:active {
background-color: #e3d2da; background-color: #ecc2cc;
} }
.form-range::-webkit-slider-runnable-track { .form-range::-webkit-slider-runnable-track {
width: 100%; width: 100%;
@ -2380,7 +2380,7 @@ textarea.form-control-lg {
.form-range::-moz-range-thumb { .form-range::-moz-range-thumb {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
background-color: #A16882; background-color: #BE3455;
border: 0; border: 0;
border-radius: 1rem; border-radius: 1rem;
-moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@ -2395,7 +2395,7 @@ textarea.form-control-lg {
} }
} }
.form-range::-moz-range-thumb:active { .form-range::-moz-range-thumb:active {
background-color: #e3d2da; background-color: #ecc2cc;
} }
.form-range::-moz-range-track { .form-range::-moz-range-track {
width: 100%; width: 100%;
@ -2846,19 +2846,19 @@ textarea.form-control-lg {
.btn-primary { .btn-primary {
--bs-btn-color: #fff; --bs-btn-color: #fff;
--bs-btn-bg: #A16882; --bs-btn-bg: #BE3455;
--bs-btn-border-color: #A16882; --bs-btn-border-color: #BE3455;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #89586f; --bs-btn-hover-bg: #a22c48;
--bs-btn-hover-border-color: #815368; --bs-btn-hover-border-color: #982a44;
--bs-btn-focus-shadow-rgb: 175, 127, 149; --bs-btn-focus-shadow-rgb: 200, 82, 111;
--bs-btn-active-color: #fff; --bs-btn-active-color: #fff;
--bs-btn-active-bg: #815368; --bs-btn-active-bg: #982a44;
--bs-btn-active-border-color: #794e62; --bs-btn-active-border-color: #8f2740;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff; --bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #A16882; --bs-btn-disabled-bg: #BE3455;
--bs-btn-disabled-border-color: #A16882; --bs-btn-disabled-border-color: #BE3455;
} }
.btn-secondary { .btn-secondary {
@ -2981,19 +2981,19 @@ textarea.form-control-lg {
} }
.btn-outline-primary { .btn-outline-primary {
--bs-btn-color: #A16882; --bs-btn-color: #BE3455;
--bs-btn-border-color: #A16882; --bs-btn-border-color: #BE3455;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #A16882; --bs-btn-hover-bg: #BE3455;
--bs-btn-hover-border-color: #A16882; --bs-btn-hover-border-color: #BE3455;
--bs-btn-focus-shadow-rgb: 161, 104, 130; --bs-btn-focus-shadow-rgb: 190, 52, 85;
--bs-btn-active-color: #fff; --bs-btn-active-color: #fff;
--bs-btn-active-bg: #A16882; --bs-btn-active-bg: #BE3455;
--bs-btn-active-border-color: #A16882; --bs-btn-active-border-color: #BE3455;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #A16882; --bs-btn-disabled-color: #BE3455;
--bs-btn-disabled-bg: transparent; --bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #A16882; --bs-btn-disabled-border-color: #BE3455;
--bs-gradient: none; --bs-gradient: none;
} }
@ -3128,7 +3128,7 @@ textarea.form-control-lg {
--bs-btn-disabled-color: #6c757d; --bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent; --bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: none; --bs-btn-box-shadow: none;
--bs-btn-focus-shadow-rgb: 175, 127, 149; --bs-btn-focus-shadow-rgb: 200, 82, 111;
text-decoration: underline; text-decoration: underline;
} }
.btn-link:focus-visible { .btn-link:focus-visible {
@ -3235,7 +3235,7 @@ textarea.form-control-lg {
--bs-dropdown-link-hover-color: #1e2125; --bs-dropdown-link-hover-color: #1e2125;
--bs-dropdown-link-hover-bg: #e9ecef; --bs-dropdown-link-hover-bg: #e9ecef;
--bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #A16882; --bs-dropdown-link-active-bg: #BE3455;
--bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-item-padding-y: 0.25rem;
@ -3500,7 +3500,7 @@ textarea.form-control-lg {
--bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #A16882; --bs-dropdown-link-active-bg: #BE3455;
--bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd; --bs-dropdown-header-color: #adb5bd;
} }
@ -3683,7 +3683,7 @@ textarea.form-control-lg {
.nav-pills { .nav-pills {
--bs-nav-pills-border-radius: 0.375rem; --bs-nav-pills-border-radius: 0.375rem;
--bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #A16882; --bs-nav-pills-link-active-bg: #BE3455;
} }
.nav-pills .nav-link { .nav-pills .nav-link {
background: none; background: none;
@ -4347,13 +4347,13 @@ textarea.form-control-lg {
--bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23915e75'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ab2f4d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-border-color: #d0b4c1; --bs-accordion-btn-focus-border-color: #df9aaa;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(161, 104, 130, 0.25); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
--bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem; --bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: #915e75; --bs-accordion-active-color: #ab2f4d;
--bs-accordion-active-bg: #f6f0f3; --bs-accordion-active-bg: #f9ebee;
} }
.accordion-button { .accordion-button {
@ -4512,10 +4512,10 @@ textarea.form-control-lg {
--bs-pagination-hover-border-color: #dee2e6; --bs-pagination-hover-border-color: #dee2e6;
--bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: #e9ecef; --bs-pagination-focus-bg: #e9ecef;
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(161, 104, 130, 0.25); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
--bs-pagination-active-color: #fff; --bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #A16882; --bs-pagination-active-bg: #BE3455;
--bs-pagination-active-border-color: #A16882; --bs-pagination-active-border-color: #BE3455;
--bs-pagination-disabled-color: #6c757d; --bs-pagination-disabled-color: #6c757d;
--bs-pagination-disabled-bg: #fff; --bs-pagination-disabled-bg: #fff;
--bs-pagination-disabled-border-color: #dee2e6; --bs-pagination-disabled-border-color: #dee2e6;
@ -4657,12 +4657,12 @@ textarea.form-control-lg {
} }
.alert-primary { .alert-primary {
--bs-alert-color: #613e4e; --bs-alert-color: #721f33;
--bs-alert-bg: #ece1e6; --bs-alert-bg: #f2d6dd;
--bs-alert-border-color: #e3d2da; --bs-alert-border-color: #ecc2cc;
} }
.alert-primary .alert-link { .alert-primary .alert-link {
color: #4e323e; color: #5b1929;
} }
.alert-secondary { .alert-secondary {
@ -4740,7 +4740,7 @@ textarea.form-control-lg {
--bs-progress-border-radius: 0.375rem; --bs-progress-border-radius: 0.375rem;
--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-progress-bar-color: #fff; --bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #A16882; --bs-progress-bar-bg: #BE3455;
--bs-progress-bar-transition: width 0.6s ease; --bs-progress-bar-transition: width 0.6s ease;
display: flex; display: flex;
height: var(--bs-progress-height); height: var(--bs-progress-height);
@ -4797,8 +4797,8 @@ textarea.form-control-lg {
--bs-list-group-disabled-color: #6c757d; --bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff; --bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff; --bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #A16882; --bs-list-group-active-bg: #BE3455;
--bs-list-group-active-border-color: #A16882; --bs-list-group-active-border-color: #BE3455;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 0; padding-left: 0;
@ -5021,17 +5021,17 @@ textarea.form-control-lg {
} }
.list-group-item-primary { .list-group-item-primary {
color: #613e4e; color: #721f33;
background-color: #ece1e6; background-color: #f2d6dd;
} }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #613e4e; color: #721f33;
background-color: #d4cbcf; background-color: #dac1c7;
} }
.list-group-item-primary.list-group-item-action.active { .list-group-item-primary.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #613e4e; background-color: #721f33;
border-color: #613e4e; border-color: #721f33;
} }
.list-group-item-secondary { .list-group-item-secondary {
@ -5150,7 +5150,7 @@ textarea.form-control-lg {
} }
.btn-close:focus { .btn-close:focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(161, 104, 130, 0.25); box-shadow: 0 0 0 0.25rem rgba(190, 52, 85, 0.25);
opacity: 1; opacity: 1;
} }
.btn-close:disabled, .btn-close.disabled { .btn-close:disabled, .btn-close.disabled {
@ -6657,7 +6657,7 @@ textarea.form-control-lg {
.text-bg-primary { .text-bg-primary {
color: #fff !important; color: #fff !important;
background-color: RGBA(161, 104, 130, var(--bs-bg-opacity, 1)) !important; background-color: RGBA(190, 52, 85, var(--bs-bg-opacity, 1)) !important;
} }
.text-bg-secondary { .text-bg-secondary {
@ -6696,10 +6696,10 @@ textarea.form-control-lg {
} }
.link-primary { .link-primary {
color: #A16882 !important; color: #BE3455 !important;
} }
.link-primary:hover, .link-primary:focus { .link-primary:hover, .link-primary:focus {
color: #815368 !important; color: #982a44 !important;
} }
.link-secondary { .link-secondary {
@ -10900,7 +10900,7 @@ a {
color: #fff; color: #fff;
} }
#mainNav .navbar-brand { #mainNav .navbar-brand {
color: #A16882; color: #BE3455;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700; font-weight: 700;
letter-spacing: 0.0625em; letter-spacing: 0.0625em;
@ -10918,7 +10918,7 @@ a {
font-weight: 700; font-weight: 700;
} }
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover { #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
color: #A16882; color: #BE3455;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
@ -11059,7 +11059,7 @@ header.masthead .masthead-heading {
color: white; color: white;
border: 7px solid #e9ecef; border: 7px solid #e9ecef;
border-radius: 100%; border-radius: 100%;
background-color: #A16882; background-color: #BE3455;
} }
.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 { .timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
font-size: 10px; font-size: 10px;
@ -11169,20 +11169,3 @@ header.masthead .masthead-heading {
padding: 0 100px 20px 20px; padding: 0 100px 20px 20px;
} }
} }
.team-member {
margin-bottom: 3rem;
text-align: center;
}
.team-member img {
width: 14rem;
height: 14rem;
border: 0.5rem solid rgba(0, 0, 0, 0.1);
}
.team-member h4, .team-member .h4 {
margin-top: 1.5rem;
margin-bottom: 0;
}
.img-brand {
height: 2.75rem;
}

24
src/scss/sections/_team.scss
View File

@ -1,24 +0,0 @@
//
// Team section styling
//
.team-member {
margin-bottom: 3rem;
text-align: center;
img {
width: 14rem;
height: 14rem;
border: 0.5rem solid fade-out($black, 0.9);
}
h4 {
margin-top: 1.5rem;
margin-bottom: 0;
}
}
// Brand images for client section
.img-brand {
height: 2.75rem;
}

1
src/scss/styles.scss
View File

@ -18,4 +18,3 @@
// Sections // Sections
@import "./sections/masthead.scss"; @import "./sections/masthead.scss";
@import "./sections/timeline.scss"; @import "./sections/timeline.scss";
@import "./sections/team.scss";

3
src/scss/variables/_colors.scss
View File

@ -4,7 +4,8 @@
// Override Bootstrap state colors variables // Override Bootstrap state colors variables
$primary: #A16882; // $primary: #A16882;
$primary: #BE3455;
// Override Bootstrap contrast ratio // Override Bootstrap contrast ratio