diff options
author | 2022-09-19 08:49:01 +0200 | |
---|---|---|
committer | 2022-09-19 06:54:43 +0000 | |
commit | d6a60b5043c6f7c3dfc45853feb68d0aca5a4a5f (patch) | |
tree | 022343584d4e00a0da8ef12eb4e713d67344fc95 /csit.infra.dash/app/pal/static/sass/_bootswatch.scss | |
parent | d2ef7bc01df66f6a27f25d061db064cf4a463267 (diff) |
feat(uti): Move directory
Signed-off-by: pmikus <peter.mikus@protonmail.ch>
Change-Id: I7300ecfe756baaf3fbeedb020070f882cfaca445
Diffstat (limited to 'csit.infra.dash/app/pal/static/sass/_bootswatch.scss')
-rw-r--r-- | csit.infra.dash/app/pal/static/sass/_bootswatch.scss | 178 |
1 files changed, 178 insertions, 0 deletions
diff --git a/csit.infra.dash/app/pal/static/sass/_bootswatch.scss b/csit.infra.dash/app/pal/static/sass/_bootswatch.scss new file mode 100644 index 0000000000..900ccfb3c1 --- /dev/null +++ b/csit.infra.dash/app/pal/static/sass/_bootswatch.scss @@ -0,0 +1,178 @@ +// Lux 5.2.1 +// Bootswatch + + +// Variables + +$web-font-path: "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap" !default; +@if $web-font-path { + @import url($web-font-path); +} + +:root { + color-scheme: light; +} + +// Navbar + +.navbar { + font-size: $font-size-sm; + font-weight: 600; + text-transform: uppercase; + + &-nav { + .nav-link { + padding-top: .715rem; + padding-bottom: .715rem; + } + } + + &-brand { + margin-right: 2rem; + } +} + +.bg-light { + border: 1px solid rgba(0, 0, 0, .1); + + &.navbar-fixed-top { + border-width: 0 0 1px; + } + + &.navbar-bottom-top { + border-width: 1px 0 0; + } +} + +.nav-item { + margin-right: 2rem; +} + +// Buttons + +.btn { + font-size: $font-size-sm; + text-transform: uppercase; + + &-sm { + font-size: 10px; + } + + &-warning { + &, + &:hover, + &:not([disabled]):not(.disabled):active, + &:focus { + color: $white; + } + } +} + +.btn-outline-secondary { + color: $gray-600; + border-color: $gray-600; + + &:not([disabled]):not(.disabled):hover, + &:not([disabled]):not(.disabled):focus, + &:not([disabled]):not(.disabled):active { + color: $white; + background-color: $gray-400; + border-color: $gray-400; + } + + &:not([disabled]):not(.disabled):focus { + box-shadow: 0 0 0 .2rem rgba($gray-400, .5); + } +} + +[class*="btn-outline-"] { + border-width: 2px; +} + +.border-secondary { + border: 1px solid $gray-400 !important; +} + +// Typography + +body { + font-weight: 200; + letter-spacing: 1px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + text-transform: uppercase; + letter-spacing: 3px; +} + +.text-secondary { + color: $body-color !important; +} + +// Tables + +th { + font-size: $font-size-sm; + text-transform: uppercase; +} + +.table { + th, + td { + padding: 1.5rem; + } + + &-sm { + th, + td { + padding: .75rem; + } + } +} + +// Navs + +.dropdown-menu { + font-size: $font-size-sm; + text-transform: none; +} + +// Indicators + +.badge { + padding-top: .28rem; + + &-pill { + border-radius: 10rem; + } + + &.bg-secondary, + &.bg-light { + color: $dark; + } +} + +// Containers + +.list-group-item, +.card { + h1, + h2, + h3, + h4, + h5, + h6, + .h1, + .h2, + .h3, + .h4, + .h5, + .h6 { + color: inherit; + } +} |