csit.infra.dash/app/pal/static/sass/_bootswatch.scss

   1 // Lux 5.2.1
   2 // Bootswatch
   3
   4
   5 // Variables
   6
   7 $web-font-path: "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap" !default;
   8 @if $web-font-path {
   9   @import url($web-font-path);
  10 }
  11
  12 :root {
  13   color-scheme: light;
  14 }
  15
  16 // Navbar
  17
  18 .navbar {
  19   font-size: $font-size-sm;
  20   font-weight: 600;
  21   text-transform: uppercase;
  22
  23   &-nav {
  24     .nav-link {
  25       padding-top: .715rem;
  26       padding-bottom: .715rem;
  27     }
  28   }
  29
  30   &-brand {
  31     margin-right: 2rem;
  32   }
  33 }
  34
  35 .bg-light {
  36   border: 1px solid rgba(0, 0, 0, .1);
  37
  38   &.navbar-fixed-top {
  39     border-width: 0 0 1px;
  40   }
  41
  42   &.navbar-bottom-top {
  43     border-width: 1px 0 0;
  44   }
  45 }
  46
  47 .nav-item {
  48   margin-right: 2rem;
  49 }
  50
  51 // Buttons
  52
  53 .btn {
  54   font-size: $font-size-sm;
  55   text-transform: uppercase;
  56
  57   &-sm {
  58     font-size: 10px;
  59   }
  60
  61   &-warning {
  62     &,
  63     &:hover,
  64     &:not([disabled]):not(.disabled):active,
  65     &:focus {
  66       color: $white;
  67     }
  68   }
  69 }
  70
  71 .btn-outline-secondary {
  72   color: $gray-600;
  73   border-color: $gray-600;
  74
  75   &:not([disabled]):not(.disabled):hover,
  76   &:not([disabled]):not(.disabled):focus,
  77   &:not([disabled]):not(.disabled):active {
  78     color: $white;
  79     background-color: $gray-400;
  80     border-color: $gray-400;
  81   }
  82
  83   &:not([disabled]):not(.disabled):focus {
  84     box-shadow: 0 0 0 .2rem rgba($gray-400, .5);
  85   }
  86 }
  87
  88 [class*="btn-outline-"] {
  89   border-width: 2px;
  90 }
  91
  92 .border-secondary {
  93   border: 1px solid $gray-400 !important;
  94 }
  95
  96 // Typography
  97
  98 body {
  99   font-weight: 200;
 100   letter-spacing: 1px;
 101 }
 102
 103 h1,
 104 h2,
 105 h3,
 106 h4,
 107 h5,
 108 h6 {
 109   text-transform: uppercase;
 110   letter-spacing: 3px;
 111 }
 112
 113 .text-secondary {
 114   color: $body-color !important;
 115 }
 116
 117 // Tables
 118
 119 th {
 120   font-size: $font-size-sm;
 121   text-transform: uppercase;
 122 }
 123
 124 .table {
 125   th,
 126   td {
 127     padding: 1.5rem;
 128   }
 129
 130   &-sm {
 131     th,
 132     td {
 133       padding: .75rem;
 134     }
 135   }
 136 }
 137
 138 // Navs
 139
 140 .dropdown-menu {
 141   font-size: $font-size-sm;
 142   text-transform: none;
 143 }
 144
 145 // Indicators
 146
 147 .badge {
 148   padding-top: .28rem;
 149
 150   &-pill {
 151     border-radius: 10rem;
 152   }
 153
 154   &.bg-secondary,
 155   &.bg-light {
 156     color: $dark;
 157   }
 158 }
 159
 160 // Containers
 161
 162 .list-group-item,
 163 .card {
 164   h1,
 165   h2,
 166   h3,
 167   h4,
 168   h5,
 169   h6,
 170   .h1,
 171   .h2,
 172   .h3,
 173   .h4,
 174   .h5,
 175   .h6 {
 176     color: inherit;
 177   }
 178 }