Use spacing vars

matrix-org · Dec 5, 2022 · 3ba31fd · 3ba31fd
1 parent 556fe5b
commit 3ba31fd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/res/css/views/auth/_AuthBody.pcss b/res/css/views/auth/_AuthBody.pcss
@@ -161,7 +161,7 @@ limitations under the License.
         margin-bottom: $spacing-32;
 
         p {
-            margin: 0 0 8px;
+            margin: 0 0 $spacing-8;
         }
     }
 
@@ -197,7 +197,7 @@ limitations under the License.
     color: $accent;
     display: flex;
     gap: $spacing-4;
-    padding: 4px;
+    padding: $spacing-4;
 
     &:hover {
         background-color: $system;
@@ -238,7 +238,7 @@ limitations under the License.
     text-align: center;
 
     .mx_AuthBody_paddedFooter_title {
-        margin-top: 16px;
+        margin-top: $spacing-16;
         font-size: $font-15px;
         line-height: $font-24px;
 
@@ -249,7 +249,7 @@ limitations under the License.
     }
 
     .mx_AuthBody_paddedFooter_subtitle {
-        margin-top: 8px;
+        margin-top: $spacing-8;
         font-size: $font-10px;
         line-height: $font-14px;
     }
@@ -265,7 +265,7 @@ limitations under the License.
 }
 
 .mx_SSOButtons + .mx_AuthBody_changeFlow {
-    margin-top: 24px;
+    margin-top: $spacing-24;
 }
 
 .mx_AuthBody_spinner {

diff --git a/res/css/views/dialogs/_VerifyEMailDialog.pcss b/res/css/views/dialogs/_VerifyEMailDialog.pcss
@@ -20,7 +20,7 @@ limitations under the License.
 
     .mx_Dialog {
         color: $primary-content;
-        font-size: 14px;
+        font-size: $font-14px;
         padding: $spacing-24 $spacing-24 $spacing-16;
         text-align: center;
         width: 485px;
@@ -37,7 +37,7 @@ limitations under the License.
 
         .mx_AuthBody_did-not-receive {
             justify-content: center;
-            margin-bottom: 8px;
+            margin-bottom: $spacing-8;
         }
 
         .mx_Dialog_cancelButton {