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

adjust primary hue and adjust footer links

Browse Source
This commit is contained in:
David Miller 2021-05-04 21:08:34 -04:00
parent ca70462a27
commit 5af999ba7b
4 changed files with 178 additions and 180 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

344
dist/css/styles.css vendored
View File

@ -17,18 +17,18 @@
--bs-pink: #d63384; --bs-pink: #d63384;
--bs-red: #dc3545; --bs-red: #dc3545;
--bs-orange: #fd7e14; --bs-orange: #fd7e14;
--bs-yellow: #fed136; --bs-yellow: #ffc800;
--bs-green: #198754; --bs-green: #198754;
--bs-teal: #20c997; --bs-teal: #20c997;
--bs-cyan: #0dcaf0; --bs-cyan: #0dcaf0;
--bs-white: #fff; --bs-white: #fff;
--bs-gray: #6c757d; --bs-gray: #6c757d;
--bs-gray-dark: #343a40; --bs-gray-dark: #343a40;
--bs-primary: #fed136; --bs-primary: #ffc800;
--bs-secondary: #6c757d; --bs-secondary: #6c757d;
--bs-success: #198754; --bs-success: #198754;
--bs-info: #0dcaf0; --bs-info: #0dcaf0;
--bs-warning: #fed136; --bs-warning: #ffc800;
--bs-danger: #dc3545; --bs-danger: #dc3545;
--bs-light: #f8f9fa; --bs-light: #f8f9fa;
--bs-dark: #212529; --bs-dark: #212529;
@ -208,11 +208,11 @@ sup {
} }
a { a {
color: #fed136; color: #ffc800;
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover {
color: #cba72b; color: #cca000;
} }
a:not([href]):not([class]), a:not([href]):not([class]):hover { a:not([href]):not([class]), a:not([href]):not([class]):hover {
@ -1990,15 +1990,15 @@ progress {
} }
.table-primary { .table-primary {
--bs-table-bg: #fff6d7; --bs-table-bg: #fff4cc;
--bs-table-striped-bg: #f2eacc; --bs-table-striped-bg: #f2e8c2;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #e6ddc2; --bs-table-active-bg: #e6dcb8;
--bs-table-active-color: #000; --bs-table-active-color: #000;
--bs-table-hover-bg: #ece4c7; --bs-table-hover-bg: #ece2bd;
--bs-table-hover-color: #000; --bs-table-hover-color: #000;
color: #000; color: #000;
border-color: #e6ddc2; border-color: #e6dcb8;
} }
.table-secondary { .table-secondary {
@ -2006,9 +2006,9 @@ progress {
--bs-table-striped-bg: #d7d8da; --bs-table-striped-bg: #d7d8da;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #cbccce; --bs-table-active-bg: #cbccce;
--bs-table-active-color: #000; --bs-table-active-color: #fff;
--bs-table-hover-bg: #d1d2d4; --bs-table-hover-bg: #d1d2d4;
--bs-table-hover-color: #000; --bs-table-hover-color: #fff;
color: #000; color: #000;
border-color: #cbccce; border-color: #cbccce;
} }
@ -2018,9 +2018,9 @@ progress {
--bs-table-striped-bg: #c7dbd2; --bs-table-striped-bg: #c7dbd2;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #bcd0c7; --bs-table-active-bg: #bcd0c7;
--bs-table-active-color: #000; --bs-table-active-color: #fff;
--bs-table-hover-bg: #c1d6cc; --bs-table-hover-bg: #c1d6cc;
--bs-table-hover-color: #000; --bs-table-hover-color: #fff;
color: #000; color: #000;
border-color: #bcd0c7; border-color: #bcd0c7;
} }
@ -2038,15 +2038,15 @@ progress {
} }
.table-warning { .table-warning {
--bs-table-bg: #fff6d7; --bs-table-bg: #fff4cc;
--bs-table-striped-bg: #f2eacc; --bs-table-striped-bg: #f2e8c2;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #e6ddc2; --bs-table-active-bg: #e6dcb8;
--bs-table-active-color: #000; --bs-table-active-color: #000;
--bs-table-hover-bg: #ece4c7; --bs-table-hover-bg: #ece2bd;
--bs-table-hover-color: #000; --bs-table-hover-color: #000;
color: #000; color: #000;
border-color: #e6ddc2; border-color: #e6dcb8;
} }
.table-danger { .table-danger {
@ -2054,9 +2054,9 @@ progress {
--bs-table-striped-bg: #eccccf; --bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #000; --bs-table-striped-color: #000;
--bs-table-active-bg: #dfc2c4; --bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000; --bs-table-active-color: #fff;
--bs-table-hover-bg: #e5c7ca; --bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000; --bs-table-hover-color: #fff;
color: #000; color: #000;
border-color: #dfc2c4; border-color: #dfc2c4;
} }
@ -2181,9 +2181,9 @@ progress {
.form-control:focus { .form-control:focus {
color: #212529; color: #212529;
background-color: #fff; background-color: #fff;
border-color: #ffe89b; border-color: #ffe480;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
} }
.form-control::-webkit-date-and-time-value { .form-control::-webkit-date-and-time-value {
height: 1.5em; height: 1.5em;
@ -2354,9 +2354,9 @@ textarea.form-control-lg {
appearance: none; appearance: none;
} }
.form-select:focus { .form-select:focus {
border-color: #ffe89b; border-color: #ffe480;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 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;
@ -2421,13 +2421,13 @@ textarea.form-control-lg {
filter: brightness(90%); filter: brightness(90%);
} }
.form-check-input:focus { .form-check-input:focus {
border-color: #ffe89b; border-color: #ffe480;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
} }
.form-check-input:checked { .form-check-input:checked {
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.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 10l3 3l6-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 10l3 3l6-6'/%3e%3c/svg%3e");
@ -2436,8 +2436,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: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
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 {
@ -2466,7 +2466,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='%23ffe89b'/%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='%23ffe480'/%3e%3c/svg%3e");
} }
.form-switch .form-check-input:checked { .form-switch .form-check-input:checked {
background-position: right center; background-position: right center;
@ -2502,10 +2502,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(254, 209, 54, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 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(254, 209, 54, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
} }
.form-range::-moz-focus-outer { .form-range::-moz-focus-outer {
border: 0; border: 0;
@ -2514,7 +2514,7 @@ textarea.form-control-lg {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-top: -0.25rem; margin-top: -0.25rem;
background-color: #fed136; background-color: #ffc800;
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;
@ -2529,7 +2529,7 @@ textarea.form-control-lg {
} }
} }
.form-range::-webkit-slider-thumb:active { .form-range::-webkit-slider-thumb:active {
background-color: #fff1c3; background-color: #ffefb3;
} }
.form-range::-webkit-slider-runnable-track { .form-range::-webkit-slider-runnable-track {
width: 100%; width: 100%;
@ -2543,7 +2543,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: #fed136; background-color: #ffc800;
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;
@ -2558,7 +2558,7 @@ textarea.form-control-lg {
} }
} }
.form-range::-moz-range-thumb:active { .form-range::-moz-range-thumb:active {
background-color: #fff1c3; background-color: #ffefb3;
} }
.form-range::-moz-range-track { .form-range::-moz-range-track {
width: 100%; width: 100%;
@ -2925,7 +2925,7 @@ textarea.form-control-lg {
} }
.btn-check:focus + .btn, .btn:focus { .btn-check:focus + .btn, .btn:focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
} }
.btn:disabled, .btn.disabled, fieldset:disabled .btn { .btn:disabled, .btn.disabled, fieldset:disabled .btn {
pointer-events: none; pointer-events: none;
@ -2933,33 +2933,33 @@ textarea.form-control-lg {
} }
.btn-primary { .btn-primary {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-primary:hover { .btn-primary:hover {
color: #000; color: #fff;
background-color: #fed854; background-color: #d9aa00;
border-color: #fed64a; border-color: #cca000;
} }
.btn-check:focus + .btn-primary, .btn-primary:focus { .btn-check:focus + .btn-primary, .btn-primary:focus {
color: #000; color: #fff;
background-color: #fed854; background-color: #d9aa00;
border-color: #fed64a; border-color: #cca000;
box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
} }
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
color: #000; color: #fff;
background-color: #feda5e; background-color: #cca000;
border-color: #fed64a; border-color: #bf9600;
} }
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
} }
.btn-primary:disabled, .btn-primary.disabled { .btn-primary:disabled, .btn-primary.disabled {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-secondary { .btn-secondary {
@ -3023,63 +3023,63 @@ textarea.form-control-lg {
} }
.btn-info { .btn-info {
color: #000; color: #fff;
background-color: #0dcaf0; background-color: #0dcaf0;
border-color: #0dcaf0; border-color: #0dcaf0;
} }
.btn-info:hover { .btn-info:hover {
color: #000; color: #fff;
background-color: #31d2f2; background-color: #0baccc;
border-color: #25cff2; border-color: #0aa2c0;
} }
.btn-check:focus + .btn-info, .btn-info:focus { .btn-check:focus + .btn-info, .btn-info:focus {
color: #000; color: #fff;
background-color: #31d2f2; background-color: #0baccc;
border-color: #25cff2; border-color: #0aa2c0;
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
} }
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
color: #000; color: #fff;
background-color: #3dd5f3; background-color: #0aa2c0;
border-color: #25cff2; border-color: #0a98b4;
} }
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
} }
.btn-info:disabled, .btn-info.disabled { .btn-info:disabled, .btn-info.disabled {
color: #000; color: #fff;
background-color: #0dcaf0; background-color: #0dcaf0;
border-color: #0dcaf0; border-color: #0dcaf0;
} }
.btn-warning { .btn-warning {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-warning:hover { .btn-warning:hover {
color: #000; color: #fff;
background-color: #fed854; background-color: #d9aa00;
border-color: #fed64a; border-color: #cca000;
} }
.btn-check:focus + .btn-warning, .btn-warning:focus { .btn-check:focus + .btn-warning, .btn-warning:focus {
color: #000; color: #fff;
background-color: #fed854; background-color: #d9aa00;
border-color: #fed64a; border-color: #cca000;
box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
} }
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
color: #000; color: #fff;
background-color: #feda5e; background-color: #cca000;
border-color: #fed64a; border-color: #bf9600;
} }
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(216, 178, 46, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
} }
.btn-warning:disabled, .btn-warning.disabled { .btn-warning:disabled, .btn-warning.disabled {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-danger { .btn-danger {
@ -3173,27 +3173,27 @@ textarea.form-control-lg {
} }
.btn-outline-primary { .btn-outline-primary {
color: #fed136; color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
} }
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
} }
.btn-outline-primary:disabled, .btn-outline-primary.disabled { .btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: #fed136; color: #ffc800;
background-color: transparent; background-color: transparent;
} }
@ -3252,7 +3252,7 @@ textarea.form-control-lg {
border-color: #0dcaf0; border-color: #0dcaf0;
} }
.btn-outline-info:hover { .btn-outline-info:hover {
color: #000; color: #fff;
background-color: #0dcaf0; background-color: #0dcaf0;
border-color: #0dcaf0; border-color: #0dcaf0;
} }
@ -3260,7 +3260,7 @@ textarea.form-control-lg {
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
} }
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
color: #000; color: #fff;
background-color: #0dcaf0; background-color: #0dcaf0;
border-color: #0dcaf0; border-color: #0dcaf0;
} }
@ -3273,27 +3273,27 @@ textarea.form-control-lg {
} }
.btn-outline-warning { .btn-outline-warning {
color: #fed136; color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-outline-warning:hover { .btn-outline-warning:hover {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
} }
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
color: #000; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.5); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
} }
.btn-outline-warning:disabled, .btn-outline-warning.disabled { .btn-outline-warning:disabled, .btn-outline-warning.disabled {
color: #fed136; color: #ffc800;
background-color: transparent; background-color: transparent;
} }
@ -3374,11 +3374,11 @@ textarea.form-control-lg {
.btn-link { .btn-link {
font-weight: 400; font-weight: 400;
color: #fed136; color: #ffc800;
text-decoration: underline; text-decoration: underline;
} }
.btn-link:hover { .btn-link:hover {
color: #cba72b; color: #cca000;
} }
.btn-link:disabled, .btn-link.disabled { .btn-link:disabled, .btn-link.disabled {
color: #6c757d; color: #6c757d;
@ -3677,7 +3677,7 @@ textarea.form-control-lg {
.dropdown-item.active, .dropdown-item:active { .dropdown-item.active, .dropdown-item:active {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #fed136; background-color: #ffc800;
} }
.dropdown-item.disabled, .dropdown-item:disabled { .dropdown-item.disabled, .dropdown-item:disabled {
color: #adb5bd; color: #adb5bd;
@ -3718,7 +3718,7 @@ textarea.form-control-lg {
} }
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
color: #fff; color: #fff;
background-color: #fed136; background-color: #ffc800;
} }
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
color: #adb5bd; color: #adb5bd;
@ -3893,7 +3893,7 @@ textarea.form-control-lg {
.nav-pills .nav-link.active, .nav-pills .nav-link.active,
.nav-pills .show > .nav-link { .nav-pills .show > .nav-link {
color: #fff; color: #fff;
background-color: #fed136; background-color: #ffc800;
} }
.nav-fill > .nav-link, .nav-fill > .nav-link,
@ -4420,12 +4420,12 @@ textarea.form-control-lg {
} }
} }
.accordion-button:not(.collapsed) { .accordion-button:not(.collapsed) {
color: #e5bc31; color: #e6b400;
background-color: #fffaeb; background-color: #fffae6;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
} }
.accordion-button:not(.collapsed)::after { .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e5bc31'%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"); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6b400'%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");
transform: rotate(180deg); transform: rotate(180deg);
} }
.accordion-button::after { .accordion-button::after {
@ -4449,9 +4449,9 @@ textarea.form-control-lg {
} }
.accordion-button:focus { .accordion-button:focus {
z-index: 3; z-index: 3;
border-color: #ffe89b; border-color: #ffe480;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
} }
.accordion-header { .accordion-header {
@ -4537,7 +4537,7 @@ textarea.form-control-lg {
.page-link { .page-link {
position: relative; position: relative;
display: block; display: block;
color: #fed136; color: #ffc800;
text-decoration: none; text-decoration: none;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
@ -4550,16 +4550,16 @@ textarea.form-control-lg {
} }
.page-link:hover { .page-link:hover {
z-index: 2; z-index: 2;
color: #cba72b; color: #cca000;
background-color: #e9ecef; background-color: #e9ecef;
border-color: #dee2e6; border-color: #dee2e6;
} }
.page-link:focus { .page-link:focus {
z-index: 3; z-index: 3;
color: #cba72b; color: #cca000;
background-color: #e9ecef; background-color: #e9ecef;
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
} }
.page-item:not(:first-child) .page-link { .page-item:not(:first-child) .page-link {
@ -4568,8 +4568,8 @@ textarea.form-control-lg {
.page-item.active .page-link { .page-item.active .page-link {
z-index: 3; z-index: 3;
color: #fff; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.page-item.disabled .page-link { .page-item.disabled .page-link {
color: #6c757d; color: #6c757d;
@ -4666,12 +4666,12 @@ textarea.form-control-lg {
} }
.alert-primary { .alert-primary {
color: #987d20; color: #997800;
background-color: #fff6d7; background-color: #fff4cc;
border-color: #fff1c3; border-color: #ffefb3;
} }
.alert-primary .alert-link { .alert-primary .alert-link {
color: #7a641a; color: #7a6000;
} }
.alert-secondary { .alert-secondary {
@ -4702,12 +4702,12 @@ textarea.form-control-lg {
} }
.alert-warning { .alert-warning {
color: #987d20; color: #997800;
background-color: #fff6d7; background-color: #fff4cc;
border-color: #fff1c3; border-color: #ffefb3;
} }
.alert-warning .alert-link { .alert-warning .alert-link {
color: #7a641a; color: #7a6000;
} }
.alert-danger { .alert-danger {
@ -4720,12 +4720,12 @@ textarea.form-control-lg {
} }
.alert-light { .alert-light {
color: #636464; color: #959596;
background-color: #fefefe; background-color: #fefefe;
border-color: #fdfdfe; border-color: #fdfdfe;
} }
.alert-light .alert-link { .alert-light .alert-link {
color: #4f5050; color: #777778;
} }
.alert-dark { .alert-dark {
@ -4765,7 +4765,7 @@ textarea.form-control-lg {
color: #fff; color: #fff;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #fed136; background-color: #ffc800;
transition: width 0.6s ease; transition: width 0.6s ease;
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
@ -4848,8 +4848,8 @@ textarea.form-control-lg {
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #fed136; background-color: #ffc800;
border-color: #fed136; border-color: #ffc800;
} }
.list-group-item + .list-group-item { .list-group-item + .list-group-item {
border-top-width: 0; border-top-width: 0;
@ -5013,17 +5013,17 @@ textarea.form-control-lg {
} }
.list-group-item-primary { .list-group-item-primary {
color: #987d20; color: #997800;
background-color: #fff6d7; background-color: #fff4cc;
} }
.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: #987d20; color: #997800;
background-color: #e6ddc2; background-color: #e6dcb8;
} }
.list-group-item-primary.list-group-item-action.active { .list-group-item-primary.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #987d20; background-color: #997800;
border-color: #987d20; border-color: #997800;
} }
.list-group-item-secondary { .list-group-item-secondary {
@ -5069,17 +5069,17 @@ textarea.form-control-lg {
} }
.list-group-item-warning { .list-group-item-warning {
color: #987d20; color: #997800;
background-color: #fff6d7; background-color: #fff4cc;
} }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #987d20; color: #997800;
background-color: #e6ddc2; background-color: #e6dcb8;
} }
.list-group-item-warning.list-group-item-action.active { .list-group-item-warning.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #987d20; background-color: #997800;
border-color: #987d20; border-color: #997800;
} }
.list-group-item-danger { .list-group-item-danger {
@ -5097,17 +5097,17 @@ textarea.form-control-lg {
} }
.list-group-item-light { .list-group-item-light {
color: #636464; color: #959596;
background-color: #fefefe; background-color: #fefefe;
} }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #636464; color: #959596;
background-color: #e5e5e5; background-color: #e5e5e5;
} }
.list-group-item-light.list-group-item-action.active { .list-group-item-light.list-group-item-action.active {
color: #fff; color: #fff;
background-color: #636464; background-color: #959596;
border-color: #636464; border-color: #959596;
} }
.list-group-item-dark { .list-group-item-dark {
@ -5142,7 +5142,7 @@ textarea.form-control-lg {
} }
.btn-close:focus { .btn-close:focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.25rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
opacity: 1; opacity: 1;
} }
.btn-close:disabled, .btn-close.disabled { .btn-close:disabled, .btn-close.disabled {
@ -6101,10 +6101,10 @@ textarea.form-control-lg {
} }
.link-primary { .link-primary {
color: #fed136; color: #ffc800;
} }
.link-primary:hover, .link-primary:focus { .link-primary:hover, .link-primary:focus {
color: #feda5e; color: #cca000;
} }
.link-secondary { .link-secondary {
@ -6125,14 +6125,14 @@ textarea.form-control-lg {
color: #0dcaf0; color: #0dcaf0;
} }
.link-info:hover, .link-info:focus { .link-info:hover, .link-info:focus {
color: #3dd5f3; color: #0aa2c0;
} }
.link-warning { .link-warning {
color: #fed136; color: #ffc800;
} }
.link-warning:hover, .link-warning:focus { .link-warning:hover, .link-warning:focus {
color: #feda5e; color: #cca000;
} }
.link-danger { .link-danger {
@ -6504,7 +6504,7 @@ textarea.form-control-lg {
} }
.border-primary { .border-primary {
border-color: #fed136 !important; border-color: #ffc800 !important;
} }
.border-secondary { .border-secondary {
@ -6520,7 +6520,7 @@ textarea.form-control-lg {
} }
.border-warning { .border-warning {
border-color: #fed136 !important; border-color: #ffc800 !important;
} }
.border-danger { .border-danger {
@ -7333,7 +7333,7 @@ textarea.form-control-lg {
/* rtl:end:remove */ /* rtl:end:remove */
.text-primary { .text-primary {
color: #fed136 !important; color: #ffc800 !important;
} }
.text-secondary { .text-secondary {
@ -7349,7 +7349,7 @@ textarea.form-control-lg {
} }
.text-warning { .text-warning {
color: #fed136 !important; color: #ffc800 !important;
} }
.text-danger { .text-danger {
@ -7389,7 +7389,7 @@ textarea.form-control-lg {
} }
.bg-primary { .bg-primary {
background-color: #fed136 !important; background-color: #ffc800 !important;
} }
.bg-secondary { .bg-secondary {
@ -7405,7 +7405,7 @@ textarea.form-control-lg {
} }
.bg-warning { .bg-warning {
background-color: #fed136 !important; background-color: #ffc800 !important;
} }
.bg-danger { .bg-danger {
@ -10897,7 +10897,7 @@ p {
font-weight: 700; font-weight: 700;
} }
#mainNav .navbar-brand { #mainNav .navbar-brand {
color: #fed136; color: #ffc800;
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;
@ -10913,7 +10913,7 @@ p {
letter-spacing: 0.0625em; letter-spacing: 0.0625em;
} }
#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: #fed136; color: #ffc800;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
@ -11010,7 +11010,7 @@ header.masthead .masthead-heading {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(254, 209, 54, 0.9); background: rgba(255, 200, 0, 0.9);
align-items: center; align-items: center;
justify-content: center; justify-content: center;
opacity: 0; opacity: 0;
@ -11136,7 +11136,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: #fed136; background-color: #ffc800;
} }
.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;
@ -11294,7 +11294,7 @@ section#contact form#contactForm p.help-block {
margin: 0; margin: 0;
} }
section#contact form#contactForm .form-control:focus { section#contact form#contactForm .form-control:focus {
border-color: #fed136; border-color: #ffc800;
box-shadow: none; box-shadow: none;
} }
section#contact form#contactForm ::-webkit-input-placeholder { section#contact form#contactForm ::-webkit-input-placeholder {

4
dist/index.html vendored
View File

@ -354,8 +354,8 @@
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
</div> </div>
<div class="col-lg-4 text-lg-end"> <div class="col-lg-4 text-lg-end">
<a class="me-3" href="#!">Privacy Policy</a> <a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>
<a href="#!">Terms of Use</a> <a class="link-dark text-decoration-none" href="#!">Terms of Use</a>
</div> </div>
</div> </div>
</div> </div>

4
src/pug/index.pug
View File

@ -311,8 +311,8 @@ html(lang='en')
a.btn.btn-dark.btn-social.mx-2(href='#!') a.btn.btn-dark.btn-social.mx-2(href='#!')
i.fab.fa-linkedin-in i.fab.fa-linkedin-in
.col-lg-4.text-lg-end .col-lg-4.text-lg-end
a.me-3(href='#!') Privacy Policy a.link-dark.text-decoration-none.me-3(href='#!') Privacy Policy
a(href='#!') Terms of Use a.link-dark.text-decoration-none(href='#!') Terms of Use
// Portfolio Modals // Portfolio Modals
// Modal 1 // Modal 1

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

@ -4,7 +4,7 @@
// Override Bootstrap color variables // Override Bootstrap color variables
$yellow: #fed136; $yellow: #ffc800;
// Override Bootstrap state colors variables // Override Bootstrap state colors variables
@ -12,7 +12,5 @@ $primary: $yellow;
// Override Bootstrap contrast ratio // Override Bootstrap contrast ratio
// //
// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
$min-contrast-ratio: 3; $min-contrast-ratio: 1.5;