Merge remote-tracking branch 'origin/blw-33-sass-tests-schreiben' int…

…o blw-34-text-alerts # Conflicts: # dist/css/blower.min.css # package-lock.json
hyperlinkgroup · Sep 9, 2024 · 2994125 · 2994125
2 parents 6eab7e4 + bf3b391
commit 2994125
Show file tree

Hide file tree

Showing 7 changed files with 1,253 additions and 1,199 deletions.
diff --git a/dist/css/blower.css b/dist/css/blower.css
@@ -48,6 +48,8 @@
     body {
       font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
       line-height: 1.5;
+    }
+    body {
       min-height: 100vh;
       min-height: 100svh;
     }
@@ -141,8 +143,6 @@
       display: grid;
       grid-template-columns: 1fr;
       grid-template-areas: "sidebar" var(--area-row-first) "main" var(--area-row-last);
-      min-height: 100vh;
-      min-height: 100svh;
     }
     @media screen and (min-width: 768px) {
       .theme-dashboard {
@@ -159,6 +159,10 @@
         --size-sidebar: 300px;
       }
     }
+    .theme-dashboard {
+      min-height: 100vh;
+      min-height: 100svh;
+    }
     .theme-dashboard .layout-sidebar {
       grid-area: sidebar;
       padding: var(--spacing-segments);
@@ -613,12 +617,12 @@
       --spacing-button-vertical: 0.75rem;
       --font-size-button: 1.25rem;
     }
-    .button--outline {
+    .button--outline, .button--text {
       --color-button-text: var(--color-button-background);
       --color-button-border: var(--color-button-background);
       background-color: transparent;
     }
-    .button--outline:where(.button--secondary, .button--tertiary, .button--light) {
+    .button--outline:where(.button--secondary, .button--tertiary, .button--light), .button--text:where(.button--secondary, .button--tertiary, .button--light) {
       --color-button-text: #0f172a;
     }
     .button:has(.is-icon), .button.has-icon {
@@ -628,6 +632,28 @@
     .button--rounded {
       --border-radius-button: 200px;
     }
+    .button--text {
+      --color-button-border: transparent;
+      --spacing-button-horizontal: 0.375rem;
+      --spacing-button-vertical: 0.25rem;
+    }
+    .button--image {
+      --border-width-button: 0;
+      padding: 0;
+      border-radius: calc(infinity * 1px);
+    }
+    .button--image img {
+      border-radius: calc(infinity * 1px);
+      -o-object-fit: cover;
+         object-fit: cover;
+    }
+    .button--unset {
+      padding-inline: unset;
+      background: unset;
+      border: unset;
+      color: unset;
+      font-size: unset;
+    }
     .button-group {
       display: inline-flex;
     }
@@ -1063,6 +1089,9 @@
       border-radius: inherit;
     }
     .form__input[type=checkbox]:not(.is-switch)::before {
+      clip-path: circle();
+    }
+    .form__input[type=checkbox]:checked:not(.is-switch)::before {
       clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
     }
     .form__input[type=checkbox].is-switch {
@@ -1205,6 +1234,8 @@
       background-color: #fff;
       border-radius: var(--border-radius-modal);
       box-shadow: var(--box-shadow-modal);
+    }
+    .modal__content {
       max-height: 95vh;
       max-height: 95svh;
     }

diff --git a/dist/css/blower.min.css b/dist/css/blower.min.css