Carousel: Fix counter text alignment

2020-03-26 19:48:17 +01:00
parent f11185e940
commit 5defbcfad6
1 changed files with 9 additions and 4 deletions
--- a/src/style/atoms/_counter.scss
+++ b/src/style/atoms/_counter.scss
@@ -6,8 +6,8 @@
    font-size: pxVW(672);
    color: rgba($color-tertiary, 0.4);
    text-align: center;
-    // pointer-events: none;
-    // user-select: none;
+    pointer-events: none;
+    user-select: none;

    // Column
    &__column {
@@ -15,8 +15,13 @@
        flex-direction: column;
        line-height: 0.85;
        text-align: right;
-        margin: 0 -16px;
+        margin: 0 0px;
        transition: transform 0.6s $ease-quart;
        will-change: transform;
+
+        // Last column
+        &:last-child {
+            text-align: left;
+        }
    }
 }