From fb57c5376a830c0ee9b1237f171a1188f23fe7af Mon Sep 17 00:00:00 2001 From: Leo Date: Fri, 12 Nov 2021 23:05:41 -0600 Subject: [PATCH 1/3] Change color format. --- scss/_variables.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 5761697..57916ce 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -13,10 +13,10 @@ $black: #000 !default; $blue: #0d6efd !default; $indigo: #6610f2 !default; -$purple: hsl(265deg 60% 50%) !default; // Chosen #6f42c1 !default; +$purple: hsl(265, 60%, 50%) !default; // Chosen #6f42c1 !default; $pink: #d63384 !default; $red: #da0000 !default; // Chosen -$orange: hsla(30, 100%, 50%, 1) !default; // Chosen, the Gold color from God +$orange: hsl(30, 100%, 50%) !default; // Chosen, the Gold color from God $green: hsl(134, 87%, 30%) !default; // Chosen $green: #198754 !default; $teal: #20c997 !default; From 6c82c40b2d078e6a3c3866237b714587a0bfc429 Mon Sep 17 00:00:00 2001 From: Leo Date: Fri, 26 Nov 2021 18:12:17 -0600 Subject: [PATCH 2/3] Remove top margin of footer. --- scss/elements/footer.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/scss/elements/footer.scss b/scss/elements/footer.scss index 5bfe1c3..aec6d52 100644 --- a/scss/elements/footer.scss +++ b/scss/elements/footer.scss @@ -1,5 +1,4 @@ #footer { - margin-top: 1rem; padding-top: 1rem; padding-bottom: 1.5rem; color: $gray-500; From 2f35ec5976f06ecbb44a4f8b3e96faedcf614b96 Mon Sep 17 00:00:00 2001 From: Leo Date: Sat, 27 Nov 2021 21:59:03 -0600 Subject: [PATCH 3/3] Darken input border. Darken more on hover. --- scss/_variables.scss | 3 ++- scss/bootstrap/_form-control.scss | 11 +++++++++++ 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 57916ce..b1f1f88 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -82,7 +82,8 @@ $code-color: $primary !default; // Forms $input-bg: $white; $input-color: $black; -$input-transition: null; +$input-border-color: $gray-500; +$input-transition: none; // Buttons $btn-box-shadow: null; diff --git a/scss/bootstrap/_form-control.scss b/scss/bootstrap/_form-control.scss index 29b2407..7de0774 100644 --- a/scss/bootstrap/_form-control.scss +++ b/scss/bootstrap/_form-control.scss @@ -1,3 +1,14 @@ .form-control { background-clip: inherit; // Remove weird border in input boxes } + +.form-control, +.form-select { + &:hover { + border-color: $gray-600; + } + + &:focus { + border-color: $input-focus-border-color; + } +}