fix: sass warnings

peterpeterparker · Sep 28, 2024 · 69e7982 · 69e7982
1 parent 63b7734
commit 69e7982
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 20 deletions.
diff --git a/src/lib/components/canisters/CanisterType.svelte b/src/lib/components/canisters/CanisterType.svelte
@@ -31,6 +31,11 @@
     flex-direction: column;
     padding: 0.45rem 0 0;
 
+    :global(button) {
+      width: 100%;
+      height: 54px;
+    }
+
     :global(div.inline) {
       width: 100%;
       margin: 0;
@@ -39,10 +44,5 @@
         width: 320px;
       }
     }
-
-    :global(button) {
-      width: 100%;
-      height: 54px;
-    }
   }
 </style>
diff --git a/src/lib/components/core/Welcome.svelte b/src/lib/components/core/Welcome.svelte
@@ -26,10 +26,6 @@
     align-items: center;
     flex-direction: column;
   }
-  small {
-    vertical-align: middle;
-    font-size: var(--font-size-very-small);
-  }
 
   p {
     @media (min-width: 768px) {

diff --git a/src/lib/components/ui/Modal.svelte b/src/lib/components/ui/Modal.svelte
@@ -88,13 +88,13 @@
     @include section.large;
     height: calc(min(100vh, 796px) - 2.75rem);
 
-    @supports (-webkit-touch-callout: none) {
-      max-height: -webkit-fill-available;
-    }
-
     @include shadow.strong;
 
     overflow: hidden;
+
+    @supports (-webkit-touch-callout: none) {
+      max-height: -webkit-fill-available;
+    }
   }
 
   .flex {

diff --git a/src/lib/themes/input.scss b/src/lib/themes/input.scss
@@ -19,12 +19,12 @@ select {
 
 input,
 textarea {
+	min-width: 100%;
+	max-width: 100%;
+
 	@media (min-width: 768px) {
 		min-width: 50%;
 	}
-
-	min-width: 100%;
-	max-width: 100%;
 }
 
 textarea {

diff --git a/src/lib/themes/variables.scss b/src/lib/themes/variables.scss
@@ -5,10 +5,6 @@
 
 	--nav-height: 3.75rem;
 
-	@media (min-width: 768px) {
-		--nav-height: 5.45rem;
-	}
-
 	/** Colors */
 
 	--color-error: #ef476f;
@@ -52,4 +48,9 @@
 	--color-secondary-contrast-rgb: 0, 0, 0;
 	--color-secondary-shade: #71b5bd;
 	--color-secondary-tint: #8dd3db;
+
+	@media (min-width: 768px) {
+		--nav-height: 5.45rem;
+	}
+
 }