Change all pixel definitions to responsive 'rem'.

2024-06-18 00:23:37 -07:00
parent 77811a75a2
commit d2d5d82ff1
17 changed files with 139 additions and 154 deletions
--- a/scss/common/floating-widget.scss
+++ b/scss/common/floating-widget.scss
@@ -1,11 +1,10 @@
@import "../colors";

@mixin floating-widget {
-    // box-shadow: 0 0 5px 0 $shadow-color;
    margin: max($spacing, 8px);
-    border: 2px solid $surface0;
+    border: 0.2rem solid $surface0;
    background-color: $base;
    color: $primary_fg;
-    border-radius: 11px;
-    padding: 20px;
+    border-radius: 0.5rem;
+    padding: 1.5rem;
 }