fix invalid usage of $block-gap

since it's now a css variable
lichess-org · Mar 19, 2024 · 656ec63 · 656ec63
1 parent 328cd8a
commit 656ec63
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 8 deletions.
diff --git a/ui/round/css/_app-layout.scss b/ui/round/css/_app-layout.scss
@@ -115,7 +115,6 @@
 
   @include mq-is-col2-squeeze {
     grid-template-columns: $col2-uniboard-squeeze-width $col2-uniboard-squeeze-table;
-    grid-column-gap: #{$block-gap * 3 / 2};
   }
 
   &__board {

diff --git a/ui/round/css/_meta.scss b/ui/round/css/_meta.scss
@@ -7,8 +7,8 @@
 
   section:not(:last-child) {
     border-bottom: $border;
-    margin-bottom: #{$block-gap * 2 / 3};
-    padding-bottom: #{$block-gap * 2 / 3};
+    margin-bottom: 0.8rem;
+    padding-bottom: 0.8rem;
   }
 
   &__infos {

diff --git a/ui/simul/css/_side.scss b/ui/simul/css/_side.scss
@@ -17,7 +17,7 @@ $chat-height: calc(90vh - 300px);
   @extend %box-neat-force;
 
   background: $c-bg-box;
-  padding: #{$block-gap * 0.6} $block-gap;
+  padding: 1.5rem $block-gap;
 
   .header {
     @extend %flex-center;

diff --git a/ui/swiss/css/_app-header.scss b/ui/swiss/css/_app-header.scss
@@ -3,7 +3,7 @@
 
   position: relative;
   min-height: 7em;
-  padding: 0 #{$block-gap * 1.5};
+  padding: 0 2rem;
 
   h1 {
     font-size: 2.2rem;

diff --git a/ui/swiss/css/_side.scss b/ui/swiss/css/_side.scss
@@ -24,7 +24,7 @@
   @extend %box-neat-force;
 
   background: $c-bg-box;
-  padding: #{$block-gap * 0.6} $block-gap;
+  padding: 1.5rem $block-gap;
 
   section {
     margin-bottom: $block-gap;

diff --git a/ui/tournament/css/_app-header.scss b/ui/tournament/css/_app-header.scss
@@ -3,7 +3,7 @@
 
   position: relative;
   min-height: 7em;
-  padding: 0 #{$block-gap * 1.5};
+  padding: 0 2rem;
 
   h1 {
     font-size: 2.2rem;

diff --git a/ui/tournament/css/_side.scss b/ui/tournament/css/_side.scss
@@ -15,7 +15,7 @@
   @extend %box-neat-force;
 
   background: $c-bg-box;
-  padding: #{$block-gap * 0.6} $block-gap;
+  padding: 1.5rem $block-gap;
 
   section {
     margin-bottom: $block-gap;