diff --git a/dist/css/styles.css b/dist/css/styles.css index f75ed58..edd55ae 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -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; } \ No newline at end of file diff --git a/src/scss/sections/_team.scss b/src/scss/sections/_team.scss deleted file mode 100644 index 73b875c..0000000 --- a/src/scss/sections/_team.scss +++ /dev/null @@ -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; -} diff --git a/src/scss/styles.scss b/src/scss/styles.scss index 6e48c9a..b690326 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -18,4 +18,3 @@ // Sections @import "./sections/masthead.scss"; @import "./sections/timeline.scss"; -@import "./sections/team.scss"; diff --git a/src/scss/variables/_colors.scss b/src/scss/variables/_colors.scss index 80da94f..e84612f 100644 --- a/src/scss/variables/_colors.scss +++ b/src/scss/variables/_colors.scss @@ -4,7 +4,8 @@ // Override Bootstrap state colors variables -$primary: #A16882; +// $primary: #A16882; +$primary: #BE3455; // Override Bootstrap contrast ratio