TRI-293: add customer-form + adaptive

2024-12-18 18:41:45 +03:00
parent e56d29c322
commit 6044b302bb
26 changed files with 1243 additions and 17 deletions
--- a/styles/base/cargo.scss
+++ b/styles/base/cargo.scss
@@ -0,0 +1,55 @@
+.cargo {
+
+  &--inline {
+    display: inline-block;
+    margin-right: 33px;
+  }
+
+  &--info {
+    label {
+      background: url(/static/img/svg/Info3.svg) right bottom 45% no-repeat;
+      background-size: 20px;
+      padding-right: 26px;
+
+      @media (max-width: $screen-xs-max) {
+        padding-right: 20px;
+      }
+    }
+  }
+
+  input {
+    width: 0;
+    height: 0;
+    display: none;
+
+    &:checked {
+      + label::before {
+        background-color: var(--brand-primary);
+        border-color: var(--brand-primary);
+      }
+    }
+  }
+
+  &__label {
+    display: flex;
+    align-items: center;
+    justify-content: left;
+    margin-bottom: 0;
+
+    &:before {
+      content: '';
+      display: inline-block;
+      width: 26px;
+      height: 26px;
+      flex-shrink: 0;
+      flex-grow: 0;
+      border: var(--base-border);
+      border-radius: var(--base-border-radius);
+      margin-right: 10px;
+      background-repeat: no-repeat;
+      background-position: center center;
+      background-size: 50% 50%;
+      background-color: white;
+    }
+  }
+}