diff options
Diffstat (limited to 'src/scss')
| -rw-r--r-- | src/scss/abstracts/_colors.scss | 6 | ||||
| -rw-r--r-- | src/scss/style.scss | 51 |
2 files changed, 54 insertions, 3 deletions
diff --git a/src/scss/abstracts/_colors.scss b/src/scss/abstracts/_colors.scss index 40f08af..f49c464 100644 --- a/src/scss/abstracts/_colors.scss +++ b/src/scss/abstracts/_colors.scss @@ -1,3 +1,7 @@ -$primary: #0947ba; +$primary: #023E8A; +$primary-light: #0096C7; +$secondary: #F48C06; +$success: #40916C; +$danger: #D00000; $text: #ffffff; $background: #121212;
\ No newline at end of file diff --git a/src/scss/style.scss b/src/scss/style.scss index aa9bd02..d45ad56 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -5,6 +5,17 @@ @import "../../node_modules/bootstrap/scss/variables"; @import "../../node_modules/bootstrap/scss/mixins"; +$theme-colors: ( + "primary": colors.$primary, + "secondary": colors.$secondary, + "success": colors.$success, + "info": $info, + "warning": $warning, + "danger": colors.$danger, + "light": $light, + "dark": $dark +); + $font-size-base: 0.75rem; $h1-font-size: $font-size-base * 2.5; @@ -23,13 +34,29 @@ $font-sizes: ( 6: $h6-font-size ); -$navbar-nav-link-padding-x: 1rem; +$navbar-nav-link-padding-x: 0.5rem; @import "../../node_modules/bootstrap/scss/utilities"; @import "../../node_modules/bootstrap/scss/utilities/api"; @import "../../node_modules/bootstrap/scss/nav"; @import "../../node_modules/bootstrap/scss/navbar"; +$table-cell-padding-x: 1rem; +$table-cell-padding-y: 0.2rem; + +$table-variants: ( + "primary": shift-color($primary, $table-bg-scale), + "secondary": shift-color($secondary, $table-bg-scale), + "success": shift-color($success, $table-bg-scale), + "info": shift-color($info, $table-bg-scale), + "warning": shift-color($warning, $table-bg-scale), + "danger": shift-color($danger, $table-bg-scale), + "light": $light, + "dark": colors.$background, +); + +@import "../../node_modules/bootstrap/scss/tables"; + @import "../../node_modules/bootstrap/scss/containers"; @import "../../node_modules/bootstrap/scss/grid"; @@ -60,6 +87,7 @@ p { #title { font-family: fonts.$title; font-weight: 300; + line-height: 0.6; } #about { @@ -92,6 +120,7 @@ p { input[type=submit] { background-color: colors.$primary; color: colors.$text; + font-size: 1rem; border: 0px; border-radius: 7px; padding: 8px 15px 8px 15px; @@ -101,7 +130,25 @@ a { color: colors.$text; text-decoration: none; &:hover { - color: colors.$primary; + color: colors.$primary-light; + } +} + +#back:hover { + fill: colors.$primary-light; +} + +#navbar { + line-height: 0; +} + +th { + text-align: start; +} + +@include media-breakpoint-down(sm) { + .table > :not(caption) > * > * { + padding: 0.5rem; } } |