use pantone color of 2023

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

171
dist/css/styles.css vendored
View File

@ -34,7 +34,7 @@
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #A16882;
--bs-primary: #BE3455;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
@ -42,7 +42,7 @@
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 161, 104, 130;
--bs-primary-rgb: 190, 52, 85;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
@ -73,8 +73,8 @@
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-link-color: #A16882;
--bs-link-hover-color: #815368;
--bs-link-color: #BE3455;
--bs-link-hover-color: #982a44;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd;
}
@ -1816,13 +1816,13 @@ progress {
.table-primary {
--bs-table-color: #000;
--bs-table-bg: #ece1e6;
--bs-table-border-color: #d4cbcf;
--bs-table-striped-bg: #e0d6db;
--bs-table-striped-color: #000;
--bs-table-active-bg: #d4cbcf;
--bs-table-bg: #f2d6dd;
--bs-table-border-color: #dac1c7;
--bs-table-striped-bg: #e6cbd2;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #dac1c7;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #dad0d5;
--bs-table-hover-bg: #e0c6cc;
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
@ -2022,9 +2022,9 @@ progress {
.form-control:focus {
color: #212529;
background-color: #fff;
border-color: #d0b4c1;
border-color: #df9aaa;
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 {
height: 1.5em;
@ -2169,9 +2169,9 @@ textarea.form-control-lg {
}
}
.form-select:focus {
border-color: #d0b4c1;
border-color: #df9aaa;
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"]) {
padding-right: 0.75rem;
@ -2249,13 +2249,13 @@ textarea.form-control-lg {
filter: brightness(90%);
}
.form-check-input:focus {
border-color: #d0b4c1;
border-color: #df9aaa;
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 {
background-color: #A16882;
border-color: #A16882;
background-color: #BE3455;
border-color: #BE3455;
}
.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");
@ -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");
}
.form-check-input[type=checkbox]:indeterminate {
background-color: #A16882;
border-color: #A16882;
background-color: #BE3455;
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");
}
.form-check-input:disabled {
@ -2295,7 +2295,7 @@ textarea.form-control-lg {
}
}
.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 {
background-position: right center;
@ -2339,10 +2339,10 @@ textarea.form-control-lg {
outline: 0;
}
.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 {
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 {
border: 0;
@ -2351,7 +2351,7 @@ textarea.form-control-lg {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #A16882;
background-color: #BE3455;
border: 0;
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;
@ -2366,7 +2366,7 @@ textarea.form-control-lg {
}
}
.form-range::-webkit-slider-thumb:active {
background-color: #e3d2da;
background-color: #ecc2cc;
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
@ -2380,7 +2380,7 @@ textarea.form-control-lg {
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #A16882;
background-color: #BE3455;
border: 0;
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;
@ -2395,7 +2395,7 @@ textarea.form-control-lg {
}
}
.form-range::-moz-range-thumb:active {
background-color: #e3d2da;
background-color: #ecc2cc;
}
.form-range::-moz-range-track {
width: 100%;
@ -2846,19 +2846,19 @@ textarea.form-control-lg {
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #A16882;
--bs-btn-border-color: #A16882;
--bs-btn-bg: #BE3455;
--bs-btn-border-color: #BE3455;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #89586f;
--bs-btn-hover-border-color: #815368;
--bs-btn-focus-shadow-rgb: 175, 127, 149;
--bs-btn-hover-bg: #a22c48;
--bs-btn-hover-border-color: #982a44;
--bs-btn-focus-shadow-rgb: 200, 82, 111;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #815368;
--bs-btn-active-border-color: #794e62;
--bs-btn-active-bg: #982a44;
--bs-btn-active-border-color: #8f2740;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #A16882;
--bs-btn-disabled-border-color: #A16882;
--bs-btn-disabled-bg: #BE3455;
--bs-btn-disabled-border-color: #BE3455;
}
.btn-secondary {
@ -2981,19 +2981,19 @@ textarea.form-control-lg {
}
.btn-outline-primary {
--bs-btn-color: #A16882;
--bs-btn-border-color: #A16882;
--bs-btn-color: #BE3455;
--bs-btn-border-color: #BE3455;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #A16882;
--bs-btn-hover-border-color: #A16882;
--bs-btn-focus-shadow-rgb: 161, 104, 130;
--bs-btn-hover-bg: #BE3455;
--bs-btn-hover-border-color: #BE3455;
--bs-btn-focus-shadow-rgb: 190, 52, 85;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #A16882;
--bs-btn-active-border-color: #A16882;
--bs-btn-active-bg: #BE3455;
--bs-btn-active-border-color: #BE3455;
--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-border-color: #A16882;
--bs-btn-disabled-border-color: #BE3455;
--bs-gradient: none;
}
@ -3128,7 +3128,7 @@ textarea.form-control-lg {
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: none;
--bs-btn-focus-shadow-rgb: 175, 127, 149;
--bs-btn-focus-shadow-rgb: 200, 82, 111;
text-decoration: underline;
}
.btn-link:focus-visible {
@ -3235,7 +3235,7 @@ textarea.form-control-lg {
--bs-dropdown-link-hover-color: #1e2125;
--bs-dropdown-link-hover-bg: #e9ecef;
--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-item-padding-x: 1rem;
--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-link-hover-bg: rgba(255, 255, 255, 0.15);
--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-header-color: #adb5bd;
}
@ -3683,7 +3683,7 @@ textarea.form-control-lg {
.nav-pills {
--bs-nav-pills-border-radius: 0.375rem;
--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 {
background: none;
@ -4347,13 +4347,13 @@ textarea.form-control-lg {
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--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-focus-border-color: #d0b4c1;
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(161, 104, 130, 0.25);
--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: #df9aaa;
--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-y: 1rem;
--bs-accordion-active-color: #915e75;
--bs-accordion-active-bg: #f6f0f3;
--bs-accordion-active-color: #ab2f4d;
--bs-accordion-active-bg: #f9ebee;
}
.accordion-button {
@ -4512,10 +4512,10 @@ textarea.form-control-lg {
--bs-pagination-hover-border-color: #dee2e6;
--bs-pagination-focus-color: var(--bs-link-hover-color);
--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-bg: #A16882;
--bs-pagination-active-border-color: #A16882;
--bs-pagination-active-bg: #BE3455;
--bs-pagination-active-border-color: #BE3455;
--bs-pagination-disabled-color: #6c757d;
--bs-pagination-disabled-bg: #fff;
--bs-pagination-disabled-border-color: #dee2e6;
@ -4657,12 +4657,12 @@ textarea.form-control-lg {
}
.alert-primary {
--bs-alert-color: #613e4e;
--bs-alert-bg: #ece1e6;
--bs-alert-border-color: #e3d2da;
--bs-alert-color: #721f33;
--bs-alert-bg: #f2d6dd;
--bs-alert-border-color: #ecc2cc;
}
.alert-primary .alert-link {
color: #4e323e;
color: #5b1929;
}
.alert-secondary {
@ -4740,7 +4740,7 @@ textarea.form-control-lg {
--bs-progress-border-radius: 0.375rem;
--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #A16882;
--bs-progress-bar-bg: #BE3455;
--bs-progress-bar-transition: width 0.6s ease;
display: flex;
height: var(--bs-progress-height);
@ -4797,8 +4797,8 @@ textarea.form-control-lg {
--bs-list-group-disabled-color: #6c757d;
--bs-list-group-disabled-bg: #fff;
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #A16882;
--bs-list-group-active-border-color: #A16882;
--bs-list-group-active-bg: #BE3455;
--bs-list-group-active-border-color: #BE3455;
display: flex;
flex-direction: column;
padding-left: 0;
@ -5021,17 +5021,17 @@ textarea.form-control-lg {
}
.list-group-item-primary {
color: #613e4e;
background-color: #ece1e6;
color: #721f33;
background-color: #f2d6dd;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #613e4e;
background-color: #d4cbcf;
color: #721f33;
background-color: #dac1c7;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #613e4e;
border-color: #613e4e;
background-color: #721f33;
border-color: #721f33;
}
.list-group-item-secondary {
@ -5150,7 +5150,7 @@ textarea.form-control-lg {
}
.btn-close:focus {
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;
}
.btn-close:disabled, .btn-close.disabled {
@ -6657,7 +6657,7 @@ textarea.form-control-lg {
.text-bg-primary {
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 {
@ -6696,10 +6696,10 @@ textarea.form-control-lg {
}
.link-primary {
color: #A16882 !important;
color: #BE3455 !important;
}
.link-primary:hover, .link-primary:focus {
color: #815368 !important;
color: #982a44 !important;
}
.link-secondary {
@ -10900,7 +10900,7 @@ a {
color: #fff;
}
#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-weight: 700;
letter-spacing: 0.0625em;
@ -10918,7 +10918,7 @@ a {
font-weight: 700;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
color: #A16882;
color: #BE3455;
}
@media (min-width: 992px) {
@ -11059,7 +11059,7 @@ header.masthead .masthead-heading {
color: white;
border: 7px solid #e9ecef;
border-radius: 100%;
background-color: #A16882;
background-color: #BE3455;
}
.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {
font-size: 10px;
@ -11168,21 +11168,4 @@ header.masthead .masthead-heading {
.timeline > li.timeline-inverted > .timeline-panel {
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;
}

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;
}

View File

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

View File

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