use CSS variables for lengths where possible/appropriate

matrix-org · Apr 19, 2022 · 75e0ce9 · 75e0ce9
1 parent c2f90ea
commit 75e0ce9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/res/css/views/messages/_DecryptionFailureBody.scss b/res/css/views/messages/_DecryptionFailureBody.scss
@@ -15,9 +15,10 @@ limitations under the License.
 */
 
 .mx_DecryptionFailureBody {
-    height: 14px;
-    min-width: 150px;
-    border-radius: 7px;
-    margin-top: 4px;
+    $height: $font-14px;
+    height: $height;
+    min-width: calc($height * 8);
+    border-radius: calc($height / 2);
+    margin-top: $spacing-4;
     background: $quinary-content;
 }
diff --git a/res/css/views/rooms/_DecryptionFailureBar.scss b/res/css/views/rooms/_DecryptionFailureBar.scss
@@ -17,14 +17,14 @@ limitations under the License.
 .mx_DecryptionFailureBar {
     height: 56px;
     background-color: $system;
-    padding-left: 10px;
-    padding-right: 10px;
-    margin-left: 16px;
-    margin-right: 16px;
+    padding-left: $spacing-12;
+    padding-right: $spacing-12;
+    margin-left: $spacing-16;
+    margin-right: $spacing-16;
     border-radius: 4px;
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: $spacing-12;
 }
 
 .mx_DecryptionFailureBar_icon {