ecabs-components 1.1.69 → 1.1.71

package/src/assets/styles/scss/modules/_icon.scss

@@ -1,30 +1,30 @@
-.icon {
-  color: var(--color-gray-500);
-
-  &:hover {
-    color: var(--color-brand-light);
-  }
-
-  @include e(bordered) {
-    @extend .icon;
-
-    &:after {
-      @extend %pseudos;
-
-      border: 1px solid var(--color-gray-400);
-      border-radius: $border-radius-base;
-      width: calc(100% + 0.8rem);
-      height: calc(100% + 0.8rem);
-      top: -0.4rem;
-      left: -0.4rem;
-    }
-  }
-}
-
-.eyes-icon-label {
-  border-color: var(--color-gray-400);
-  background-color: var(--color-white);
-  color: var(--color-black);
-  padding: 0.125rem;
-  transform: translateY(-1.25rem);
-}
+.icon {
+  color: var(--color-gray-500);
+
+  &:hover {
+    color: var(--color-brand-light);
+  }
+
+  @include e(bordered) {
+    @extend .icon;
+
+    &:after {
+      @extend %pseudos;
+
+      border: 1px solid var(--color-gray-400);
+      border-radius: $border-radius-base;
+      width: calc(100% + 0.8rem);
+      height: calc(100% + 0.8rem);
+      top: -0.4rem;
+      left: -0.4rem;
+    }
+  }
+}
+
+.eyes-icon-label {
+  border-color: var(--color-gray-400);
+  background-color: var(--color-white);
+  color: var(--color-black);
+  padding: 0.125rem;
+  transform: translateY(-1.25rem);
+}

package/src/assets/styles/scss/modules/_img.scss

@@ -1,32 +1,32 @@
-.aspect-ratio {
-  position: relative;
-  display: inline-block;
-  background-color: inherit;
-  line-height: 1;
-  overflow: hidden;
-
-  // ***************************
-  // #Content
-  // ***************************/
-  &__content { //** Fallback
-    position: absolute;
-    top: 50%;
-    right: 0;
-    bottom: 0;
-    left: 50%;
-    max-width: 100%;
-    width: 100%;
-    transform: translate(-50%, -50%);
-
-    @supports (object-fit: cover) {
-      &--cover { // cover
-        position: static;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        object-fit: cover;
-        transform: none;
-      }
-    }
-  }
-}
+.aspect-ratio {
+  position: relative;
+  display: inline-block;
+  background-color: inherit;
+  line-height: 1;
+  overflow: hidden;
+
+  // ***************************
+  // #Content
+  // ***************************/
+  &__content { //** Fallback
+    position: absolute;
+    top: 50%;
+    right: 0;
+    bottom: 0;
+    left: 50%;
+    max-width: 100%;
+    width: 100%;
+    transform: translate(-50%, -50%);
+
+    @supports (object-fit: cover) {
+      &--cover { // cover
+        position: static;
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        object-fit: cover;
+        transform: none;
+      }
+    }
+  }
+}

package/src/assets/styles/scss/modules/_legend.scss

@@ -1,64 +1,64 @@
-.legend {
-  @include fontSize($font-size-md);
-  position: relative;
-  display: inline-block;
-  margin-left: calc-rem(12);
-  padding-left: calc-rem(24);
-  vertical-align: top;
-
-  &:first-of-type {
-    margin-left: 0;
-  }
-
-  &:before {
-    @extend %pseudos;
-
-    border-radius: $border-radius-base;
-    width: calc-rem(16);
-    height: calc-rem(16);
-    top: calc-rem(3);
-    left: 0;
-  }
-
-  @include m(asap) {
-    &:before {
-      background-color: #eded0d;
-    }
-  }
-
-  @include m(mobile) {
-    &:before {
-      background-color: #feb6e2;
-    }
-  }
-
-  @include m(delivery) {
-    &:before {
-      background-color: #dd9750;
-    }
-  }
-
-  @include m(walkin) {
-    &:before {
-      background-color: #87b5ca;
-    }
-  }
-
-  @include m(concierge) {
-    &:before {
-      background-color: #2be879;
-    }
-  }
-
-  @include m(in-fifteen) {
-    &:before {
-      background-color: #e64c4a;
-    }
-  }
-
-  @include m(standard) {
-    &:before {
-      background-color: #d7d8d3;
-    }
-  }
-}
+.legend {
+  @include fontSize($font-size-md);
+  position: relative;
+  display: inline-block;
+  margin-left: calc-rem(12);
+  padding-left: calc-rem(24);
+  vertical-align: top;
+
+  &:first-of-type {
+    margin-left: 0;
+  }
+
+  &:before {
+    @extend %pseudos;
+
+    border-radius: $border-radius-base;
+    width: calc-rem(16);
+    height: calc-rem(16);
+    top: calc-rem(3);
+    left: 0;
+  }
+
+  @include m(asap) {
+    &:before {
+      background-color: #eded0d;
+    }
+  }
+
+  @include m(mobile) {
+    &:before {
+      background-color: #feb6e2;
+    }
+  }
+
+  @include m(delivery) {
+    &:before {
+      background-color: #dd9750;
+    }
+  }
+
+  @include m(walkin) {
+    &:before {
+      background-color: #87b5ca;
+    }
+  }
+
+  @include m(concierge) {
+    &:before {
+      background-color: #2be879;
+    }
+  }
+
+  @include m(in-fifteen) {
+    &:before {
+      background-color: #e64c4a;
+    }
+  }
+
+  @include m(standard) {
+    &:before {
+      background-color: #d7d8d3;
+    }
+  }
+}

package/src/assets/styles/scss/modules/_list.scss

@@ -1,17 +1,17 @@
-.list {
-  list-style-type: none;
-
-  @include m(bordered) {
-    .list__item {
-      border-bottom: 1px solid var(--color-gray-50);
-    }
-  }
-
-  @include e(item) {
-    @include m(count) {
-      margin-right: 2.4rem;
-    }
-
-    padding: calc-rem(20 0);
-  }
-}
+.list {
+  list-style-type: none;
+
+  @include m(bordered) {
+    .list__item {
+      border-bottom: 1px solid var(--color-gray-50);
+    }
+  }
+
+  @include e(item) {
+    @include m(count) {
+      margin-right: 2.4rem;
+    }
+
+    padding: calc-rem(20 0);
+  }
+}