diff options
Diffstat (limited to 'src/assets/styles/bmc/_sila/_base.scss')
-rw-r--r-- | src/assets/styles/bmc/_sila/_base.scss | 94 |
1 files changed, 73 insertions, 21 deletions
diff --git a/src/assets/styles/bmc/_sila/_base.scss b/src/assets/styles/bmc/_sila/_base.scss index c11e046c..40806995 100644 --- a/src/assets/styles/bmc/_sila/_base.scss +++ b/src/assets/styles/bmc/_sila/_base.scss @@ -1,50 +1,102 @@ -dt, -legend, -label { - color: gray("800"); - font-size: 14px; - font-weight: 400; - line-height: 1.4285; + +// +// Scrollbars: +// +/* W3C standard: Firefox only */ +* { + scrollbar-width: thin; + scrollbar-color: rgba(12,32,64,.7) transparent; +} + +/* For Chrome/Edge/Safari */ +*::-webkit-scrollbar { + height: 3px; + width: 3px; +} + +*::-webkit-scrollbar-track { + background: transparent; +} + +*::-webkit-scrollbar-thumb { + background-color: rgba(12,32,64,.7); + border-radius: 2px; + border: 2px solid transparent; } +// +// Headers: +// h1, .h1 { - font-size: 2.625rem; - font-weight: 300; - line-height: 1.238; + font-size: 2.25rem !important; + font-weight: 500; + line-height: 1.2; } h2, .h2 { - font-size: 2.25rem; - font-weight: 300; - line-height: 1.3333; + font-size: 1.5rem !important; + font-weight: 500; + line-height: 1.2; } h3, .h3 { - font-size: 1.75rem; + font-size: 1.5rem !important; font-weight: 400; - line-height: 1.2857; + line-height: 1.2; } h4, .h4 { - font-size: 1.25rem; + font-size: 1.25rem !important; font-weight: 400; - line-height: 1.3; + line-height: 1.2; } h5, .h5 { - font-size: 1rem; + font-size: 1rem !important; font-weight: 500; - line-height: 1.375; + line-height: 1.2; } h6, .h6 { - font-size: 0.875rem; + font-size: 0.825rem !important; font-weight: 500; - line-height: 1.2857; + line-height: 1.2; +} + + +.navbar-brand { + font-size: 1.4rem !important; +} + +.nav-link--current{ + background-color: $red-light-background !important; + color: $red !important; + &:hover, + &:focus { + background-color: $red-light-background !important; + color: $red !important; + } +} + +.btn-link:active, .nav-link:active { + background-color: $red-light-background !important; + color: $red !important; +} + +.app-header .navbar-text, .app-header .nav-link, .app-header .btn-link { + &:hover { + background-color: $red-40 !important; + } + &:active { + background-color: $red-active !important; + } + &:focus { + outline: 0; + } } |