diff --git a/scss/_variables.scss b/scss/_variables.scss index 5761697..b1f1f88 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; @@ -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; + } +} 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;