reformat events-widget

dennisschuerholz · Jan 2, 2025 · f256bbd · f256bbd
1 parent b5b6aa4
commit f256bbd
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 7 deletions.
diff --git a/src/scss/components/botc-event-widget.scss b/src/scss/components/botc-event-widget.scss
@@ -1,4 +1,4 @@
-.botc-event-widget {
+#botc-event-widget {
     .event {
         transition: background-color 0.15s;
     }
@@ -9,4 +9,9 @@
         font-size: 1.15rem;
         margin: 0;
     }
+    a .bi-person-plus-fill::before {
+        border-radius: 1em;
+        padding: 0.5ex;
+        outline: 1px solid var(--bs-link-color);
+    }
 }
diff --git a/src/scss/other.scss b/src/scss/other.scss
@@ -2,11 +2,13 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
     color: $dark-purple;
 }
 
-$sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, );
+$sizes: (25: 25%, 50: 50%, 75: 75%, 100: 100%,);
 @each $breakpoint in map-keys($grid-breakpoints) {
     @each $size, $length in $sizes {
         @include media-breakpoint-up($breakpoint) {
-            .w-#{$breakpoint}-#{$size} {width: $length !important;}
+            .w-#{$breakpoint}-#{$size} {
+                width: $length !important;
+            }
         }
     }
 }
@@ -28,6 +30,7 @@ $sizes: ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, );
 
 footer {
     background-color: $dark-purple;
+
     a:hover {
         color: #ffffff;
     }
@@ -37,10 +40,16 @@ footer {
     color: $dark-purple;
 }
 
-#team .card-title svg {
-    width: 100%;
-    height: 100%;
-    color: $dark-purple;
+#team {
+    .card-title svg {
+        width: 100%;
+        height: 100%;
+        color: $dark-purple;
+    }
+    h3.card-title {
+        text-transform: uppercase;
+        font-family: "Dumbledore 1", #{$font-family-base};
+    }
 }
 
 #koop .card-img-container {
@@ -58,6 +67,7 @@ footer {
 emph.good {
     color: $good;
 }
+
 emph.bad {
     color: $bad;
 }
@@ -67,15 +77,19 @@ emph.bad {
     text-decoration: none;
     text-transform: none;
 }
+
 .dot::after {
     content: '.';
 }
+
 .ddot::after {
     content: ':';
 }
+
 .qmark::after {
     content: '?';
 }
+
 .emark::after {
     content: '!';
 }