diff options
author | Andrey V.Kosteltsev <AKosteltsev@IBS.RU> | 2022-07-04 23:11:28 +0300 |
---|---|---|
committer | Andrey V.Kosteltsev <AKosteltsev@IBS.RU> | 2022-07-04 23:11:28 +0300 |
commit | 3f4094d08b873e17464a51c817ea7d41177f848d (patch) | |
tree | 8880a0e7c8c0ac07ed298ce719cfab3278f2aa12 /src/assets/styles/bmc/_ibs/_base.scss | |
parent | f5c8dbfa6fb3812a3b3a2aafd3538fbdf8b8c668 (diff) | |
download | webui-vue-3f4094d08b873e17464a51c817ea7d41177f848d.tar.xz |
IBS: _ibs UI Theme
Diffstat (limited to 'src/assets/styles/bmc/_ibs/_base.scss')
-rw-r--r-- | src/assets/styles/bmc/_ibs/_base.scss | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_ibs/_base.scss b/src/assets/styles/bmc/_ibs/_base.scss new file mode 100644 index 00000000..40806995 --- /dev/null +++ b/src/assets/styles/bmc/_ibs/_base.scss @@ -0,0 +1,102 @@ + +// +// 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.25rem !important; + font-weight: 500; + line-height: 1.2; +} + +h2, +.h2 { + font-size: 1.5rem !important; + font-weight: 500; + line-height: 1.2; +} + +h3, +.h3 { + font-size: 1.5rem !important; + font-weight: 400; + line-height: 1.2; +} + +h4, +.h4 { + font-size: 1.25rem !important; + font-weight: 400; + line-height: 1.2; +} + +h5, +.h5 { + font-size: 1rem !important; + font-weight: 500; + line-height: 1.2; +} + +h6, +.h6 { + font-size: 0.825rem !important; + font-weight: 500; + 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; + } +} |