WIP Remove outdated dependencies and reduce weight

2022-08-19 18:58:56 +02:00
parent 2c26fd81e7
commit 618d663636
53 changed files with 143 additions and 205 deletions
@@ -30,7 +30,8 @@
    z-index: -1;
    top: 0;
    left: 0;
-    @include size(100%);
+    width: 100%;
+    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
@@ -4,7 +4,7 @@ body {
    width: 100%;
    margin: 0;
    padding: 0;
-    font-family: $font-main;
+    font-family: $font-main, Sans-Serif;
    font-weight: 400;
    font-size: 16px;

@@ -60,7 +60,8 @@ html {
    position: fixed;
    bottom: 2%;
    right: 2%;
-    @include size(40px);
+    width: 40px;
+    height: 40px;
    background-color: $color-brand-primary;
    opacity: 0.75;
 }
@@ -67,7 +67,8 @@
    &--icon {
        background-color: $color-brand-primary;
        color: white;
-        @include size(16px);
+        width: 16px;
+        height: 16px;
        border-radius: 8px;
        line-height: 16px;
        font-size: 14px;
@@ -32,7 +32,8 @@
    }
    position: absolute;
    z-index: 100;
-    @include size(32px);
+    width: 32px;
+    height: 32px;

    fill: white;
    @include sectionColoursFromParent;
@@ -64,6 +65,7 @@

 .carousel__loading {
    display: block;
-    @include size(24px);
+    width: 24px;
+    height: 24px;
    margin: 0 auto;
 }
@@ -29,7 +29,8 @@
 }

 .configurator__overlay {
-    @include size(100%);
+    width: 100%;
+    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
@@ -144,7 +145,8 @@
    position: absolute;
    right: 16px;
    top: 6px;
-    @include size(32px);
+    width: 32px;
+    height: 32px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;
@@ -221,14 +223,16 @@

 .config-selectbox__item__inner {
    position: relative;
-    @include size(100%);
+    width: 100%;
+    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    &:after {
        content: "";
-        @include size(100%);
+        width: 100%;
+        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
@@ -242,7 +246,8 @@
    @include mq($from: desktop) {
        &:hover:after {
            content: "";
-            @include size(100%);
+            width: 100%;
+            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
@@ -446,7 +451,8 @@
 .step-input__trigger {
    display: block;
    text-decoration: none;
-    @include size(32px);
+    width: 32px;
+    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: white;
@@ -26,7 +26,7 @@
    url('../fonts/cairo-v2-latin-ext_latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
 }

-$font-main: 'Cairo', $helvetica;
+$font-main: 'Cairo';

@font-face {
    font-family: 'fontello';
@@ -179,7 +179,8 @@
 }

 .form__overlay {
-  @include size(100%);
+  width: 100%;
+  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
@@ -31,7 +31,8 @@

    svg {
        display: block;
-        @include size(32px);
+        width: 32px;
+        height: 32px;
        fill: white;
    }
 }
@@ -1,4 +1,13 @@
@use "sass:math";
+
+@mixin clearfix {
+    &::after {
+        clear: both;
+        content: "";
+        display: table;
+    }
+}
+
@mixin container($width-max: $content-width-max, $padding: math.div($padding-default, 2)) {
  @include clearfix();
  width: 100%;
@@ -20,7 +20,8 @@
 }

 .mobilenav__inner {
-    @include size(100%);
+    width: 100%;
+    height: 100%;
    overflow-y: scroll;
    padding: 32px;
 }
@@ -3,7 +3,8 @@
 }

 .offerlist__overlay {
-  @include size(100%);
+  width: 100%;
+  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
@@ -6,7 +6,8 @@
    background: url('data:image/svg+xml,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2232%2C0%2032%2C32%200%2C16%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    position: absolute;
    z-index: 10;
-    @include size(8px);
+    width: 8px;
+    height: 8px;
    color: transparent;

    &:focus {
@@ -38,7 +39,8 @@
    }

    @include mq($from: tablet) {
-        @include size(16px);
+        width: 16px;
+        height: 16px;
    }
 }

@@ -19,6 +19,7 @@
 .testimonial__image {
    margin: 0 auto;
    margin-bottom: 32px;
-    @include size(160px);
+    width: 160px;
+    height: 160px;
    border-radius: 80px;
 }
@@ -103,7 +103,8 @@

 .tile__icon {
    display: block;
-    @include size(72px);
+    width: 72px;
+    height: 72px;
    margin: 0 auto 8px;
 }

@@ -1,6 +1,3 @@
-$output-bourbon-deprecation-warnings: false;
-@import "~bourbon/app/assets/stylesheets/bourbon";
-
@import "variables";
@import "mixins";
@import "breakpoints";
@@ -1,6 +1,3 @@
-$output-bourbon-deprecation-warnings: false;
-@import "~bourbon/app/assets/stylesheets/bourbon";
-
@import "mixins";
@import "colors";

@@ -32,7 +29,7 @@ $output-bourbon-deprecation-warnings: false;
  url('../fonts/cairo-v2-latin-ext_latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
 }

-$font-main: 'Cairo', $helvetica;
+$font-main: 'Cairo';

@font-face {
  font-family: 'fontello';
@@ -73,7 +70,7 @@ $font-main: 'Cairo', $helvetica;
 .icon_phone_circle:before { content: '\e805'; }

 body {
-  font-family: $font-main;
+  font-family: $font-main, Sans-Serif;
  font-weight: 400;
  font-size: 16px;
 }
@@ -285,7 +282,8 @@ h3 {
  &--icon {
    background-color: $color-brand-primary;
    color: white;
-    @include size(16px);
+    width: 16px;
+    height: 16px;
    border-radius: 8px;
    line-height: 16px;
    font-size: 14px;