brut: cleanup

thomaspark · Dec 19, 2024 · 7a79b5b · 7a79b5b
1 parent adfd0ef
commit 7a79b5b
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 73 deletions.
diff --git a/dist/brut/_bootswatch.scss b/dist/brut/_bootswatch.scss
@@ -9,13 +9,11 @@
   --#{$prefix}border-color: #000;
 }
 
-[data-bs-theme=light],
-[data-bs-theme=dark] {
+[data-bs-theme="light"],
+[data-bs-theme="dark"] {
   --#{$prefix}border-color: #000;
 }
 
-// $text-shadow: 0 1px 0 rgba(0, 0, 0, .05) !default;
-
 // Mixins
 
 @mixin btn-shadow(){
@@ -26,12 +24,6 @@
   border: 2px solid $black;
 }
 
-// Typography
-
-a {
-  font-weight: $headings-font-weight;
-}
-
 // Navbar
 
 .navbar {
@@ -50,36 +42,23 @@ a {
   }
 
   .dropdown-toggle::after {
-    margin-left: 0.15em;
-    vertical-align: 0.15em;
+    margin-left: .15em;
+    vertical-align: .15em;
   }
 
   &-toggler {
     --bs-border-width: 2px;
   }
 }
 
-// .navbar {
-//   @each $color, $value in $theme-colors {
-//     &.bg-#{$color} {
-//       @include btn-shadow($value);
-//     }
-//   }
-// }
-
-// .navbar-brand,
-// .nav-link {
-//   text-shadow: $text-shadow;
-// }
-
 // Buttons
 
 .btn {
-  border-color: $black;
   margin: 3px 0 0 3px;
+  border-color: $black;
   @include btn-shadow();
+  transition: all .3s;
   transform: translate(-3px, -3px);
-  transition: all 0.3s;
 
   &:hover {
     border-color: $black;
@@ -99,10 +78,10 @@ a {
 
 @each $color, $value in $theme-colors {
   .btn-outline-#{$color} {
+    color: $black;
     background-color: #{$value};
     box-shadow: none;
     transform: translate(0, 0);
-    color: $black;
 
     &:hover {
       @include btn-shadow();
@@ -143,76 +122,62 @@ a {
 }
 
 .btn-check + .btn:hover {
-  border-color: $black;
   color: $black;
+  border-color: $black;
 }
 
 .btn-check:checked + .btn,
 :not(.btn-check) + .btn:active,
-.btn:first-child:active, .btn.active, .btn.show {
+.btn:first-child:active,
+.btn.active,
+.btn.show {
   border-color: $black;
   box-shadow: none;
   transform: translate(0, 0);
 }
 
 // Typography
 
-// .text-secondary {
-//   color: $gray-500 !important;
-// }
-
-// .bg-primary,
-// .bg-success,
-// .bg-info,
-// .bg-warning,
-// .bg-danger,
-// .bg-dark {
-//   h1,
-//   h2,
-//   h3,
-//   h4,
-//   h5,
-//   h6 {
-//     color: $white;
-//   }
-// }
+a {
+  font-weight: $headings-font-weight;
+}
 
 // Forms
 
 .form-range {
 
   &:not([disabled])::-moz-range-progress {
-    height: 0.6rem;
+    height: .6rem;
     background-color: $primary;
     border-radius: 6px 0 0 6px;
   }
 
   &:not([disabled])::-ms-fill-lower {
-    height: 0.6rem;
+    height: .6rem;
     background-color: $primary;
     border-radius: 6px 0 0 6px;
   }
-  
+
   &::-webkit-slider-runnable-track {
     border: 2px solid $black;
   }
 
   &::-moz-range-track {
     border: 2px solid $black;
   }
-  
+
   &::-webkit-slider-thumb {
-    margin-top: -0.4rem;
+    margin-top: -.4rem;
   }
-  
+
   &::-moz-range-thumb {
-    margin-top: -0.4rem;
+    margin-top: -.4rem;
   }
-  
+
   &:focus::-webkit-slider-thumb {
     box-shadow: none;
   }
-  
+
   &:focus::-moz-range-thumb {
     box-shadow: none;
   }
@@ -222,12 +187,11 @@ a {
 
 .nav-tabs {
   gap: 4px;
-  padding: 0.4rem 0.4rem calc(0.4rem + 2px);
+  padding: .4rem .4rem calc(.4rem + 2px);
+  font-weight: $headings-font-weight;
   border: 2px solid $black;
   border-radius: $border-radius-lg;
 
-  font-weight: $headings-font-weight;
-
   .nav-link {
     border-width: 2px;
     border-radius: $border-radius;
@@ -236,13 +200,12 @@ a {
     &:hover {
       border: 2px solid $black;
     }
-
   }
 }
 
 .tab-content {
-  margin-top: 1rem;
   padding: 1rem;
+  margin-top: 1rem;
   border: 2px solid $black;
   border-radius: $border-radius-lg;
 }
@@ -257,8 +220,8 @@ a {
 }
 
 .breadcrumb {
-  border: 2px solid $black;
   font-weight: $headings-font-weight;
+  border: 2px solid $black;
 
   a {
     color: $black;
@@ -274,27 +237,24 @@ a {
   font-weight: 700;
 }
 
-
-
 @each $color, $value in $theme-colors {
   .list-group-item-#{$color} {
+    color: $black;
     background-color: #{$value};
     border-color: $black;
-    color: $black;
   }
 }
 
 .list-group-item-dark {
   color: $white;
 }
 
-
 // Indicators
 
 .alert {
+  color: $black;
   border: 2px solid $black;
   @include btn-shadow();
-  color: $black;
 }
 
 .alert-link {

diff --git a/dist/brut/_variables.scss b/dist/brut/_variables.scss
@@ -65,7 +65,7 @@ $focus-ring-color:      $black !default;
 
 // Fonts
 
-$font-size-base:              0.875rem !default;
+$font-size-base:              .875rem !default;
 $font-size-sm:                $font-size-base * .875 !default;
 
 $lead-font-weight:            400 !default;
@@ -127,7 +127,7 @@ $input-focus-border-color:              $black !default;
 
 $form-check-input-checked-border-color:   $black !default;
 
-$form-range-track-height:         0.6rem !default;
+$form-range-track-height:         .6rem !default;
 
 $form-range-thumb-width:                   1.2rem !default;
 $form-range-thumb-height:                  $form-range-thumb-width !default;
@@ -173,7 +173,7 @@ $navbar-dark-toggler-border-color: $white !default;
 $dropdown-border-color:             $black !default;
 $dropdown-border-width:             2px !default;
 
-$dropdown-link-hover-bg:            $primary;
+$dropdown-link-hover-bg:            $primary !default;
 
 $dropdown-header-color:             $black !default;
 
@@ -224,7 +224,7 @@ $list-group-active-border-color:    $black !default;
 
 // Breadcrumbs
 
-$breadcrumb-padding-y:              0.5rem !default;
+$breadcrumb-padding-y:              .5rem !default;
 $breadcrumb-padding-x:              1rem !default;
 $breadcrumb-divider-color:          $black !default;
 $breadcrumb-active-color:           $black !default;