Replace 40px/20px/10px/12px literals with vars.$space tokens across 4 SCSS files

2026-04-20 19:34:43 +03:00
parent a4923599b9
commit ca8fe33b8c
5 changed files with 8 additions and 8 deletions
@@ -11,7 +11,7 @@
  // Angular gives the route strip a tall top padding so the status text
  // ('Прибыл', 'Вылетел') has room above the progress bar, and a smaller
  // bottom padding leading into the time-details block.
-  padding: 40px vars.$space-xl 0;
+  padding: vars.$space-xxl vars.$space-xl 0;

  // Asymmetric grid (matches Angular's flight-route):
  //   depart-time   depart-station   status/progress   arrive-time   arrive-station
@@ -177,7 +177,7 @@
  &__details {
    display: grid;
    grid-template-columns: 1fr 1fr;
-    gap: 40px;
+    gap: vars.$space-xxl;
    margin-top: vars.$space-xl;
    padding-top: vars.$space-xl;
    // Angular uses a 1.3px dotted hairline (#D1DCEA) between the route
@@ -148,7 +148,7 @@
  &__times {
    display: grid;
    grid-template-columns: 1fr 1fr;
-    gap: 40px;
+    gap: vars.$space-xxl;
    width: 100%;
  }

@@ -10,8 +10,8 @@
  border-radius: 0 0 vars.$border-radius vars.$border-radius;

  @include screen.mobile {
-    padding: 20px !important;
-    padding-bottom: 10px !important;
+    padding: vars.$space-xl !important;
+    padding-bottom: vars.$space-m !important;
  }

  &__title {
@@ -21,7 +21,7 @@
    font-weight: fonts.$font-regular;

    @include screen.mobile {
-      padding-bottom: 20px !important;
+      padding-bottom: vars.$space-xl !important;
    }
  }

@@ -55,7 +55,7 @@

      &.country-start-row {
        border-top: 1px solid colors.$border-input;
-        padding-top: 12px;
+        padding-top: vars.$space-m2;
        margin-top: vars.$space-s2;

        &:first-child {
@@ -56,7 +56,7 @@

    @include screen.print {
      width: 100% !important;
-      margin-top: 20px !important;
+      margin-top: vars.$space-xl !important;
    }

    @media (max-width: vars.$media-breakpoint-desktop) {