Removed duplicated styles (#2206)

* Removed duplicated styles

src/themes/designer/styles/arrows.scss

@@ -1,6 +1,4 @@
-@import "animation.scss";
-@import "variables.scss";
-@media (min-width: $breakpoint-lg) {
+@media (min-width: $breakpoint-lg) {
     .arrow-self {
         background-image: data-uri("../svgs/arrow.svg");
         background-size: auto 80%;

src/themes/designer/styles/balloons.scss

@@ -1,8 +1,4 @@
-@import "animation.scss";
-@import "variables.scss";
-@import "mixins.scss";
-
-$tip-width: 10px;
+$tip-width: 10px;
 
 .balloon {
     @include surface();

src/themes/designer/styles/buttons.scss

@@ -1,7 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-
-.btn {
+.btn {
     border: none;
     background: none;
     color: $color-base;

src/themes/designer/styles/draggables.scss

@@ -1,6 +1,4 @@
-@import "variables.scss";
-
-.dragtarget {
+.dragtarget {
     width: 100px;
     height: 100px;
     border: 1px dashed #ccc;

src/themes/designer/styles/dropbucket.scss

@@ -1,9 +1,4 @@
-@import "variables.scss";
-@import "toolboxes.scss";
-@import "animation.scss";
-@import "buttons.scss";
-
-dropbucket {
+dropbucket {
     right: 20px;
     bottom: 20px;
     position: fixed;

src/themes/designer/styles/dropdowns.scss

@@ -1,6 +1,4 @@
-@import "variables.scss";
-
-.toolbox-dropdown {
+.toolbox-dropdown {
     display: inline-block;
     box-sizing: border-box;
     border: none;

src/themes/designer/styles/dropzones.scss

@@ -1,7 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-
-[alignment] {
+[alignment] {
     position: absolute;
     top: initial;
     left: initial;

src/themes/designer/styles/forms.scss

@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "icons-toolboxes.scss";
-
-.form {
+.form {
     margin: 0;
     padding: 0;
     border: none;

src/themes/designer/styles/layouts.scss

@@ -1,7 +1,4 @@
 @use "sass:math";
-@import "mixins.scss";
-@import "variables.scss";
-
 
 paperbits-code,
 paperbits-googlemaps,

src/themes/designer/styles/lightbox.scss

@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 // Vars ---------------------------------------------------------------- //
 $basicLightbox__background: rgba(0, 0, 0, .8) !default;
 $basicLightbox__zIndex: 100000 !default;

src/themes/designer/styles/lists.scss

@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "icons-toolboxes.scss";
-
-.list-item-group {
+.list-item-group {
     width: 100%;
 
     .list-item {

src/themes/designer/styles/mixins.scss

@@ -1,5 +1,4 @@
-@import "variables.scss";
-@mixin hide-text() {
+@mixin hide-text() {
   text-indent: -9999px;
   white-space: nowrap;
 }

src/themes/designer/styles/scaffolding.scss

@@ -1,4 +1,3 @@
-@import "mixins.scss";
 html,
 body {
     width: 100%;

src/themes/designer/styles/slider.scss

@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .slider-display {
     width: 100%; 
     height: 25px;

src/themes/designer/styles/styles.scss

@@ -1,21 +1,21 @@
 @import "variables.scss";
+@import "animation.scss";
+@import "mixins.scss";
 @import "typography.scss";
+@import "layouts.scss";
 @import "flex.scss";
 @import "balloons.scss";
 @import "buttons.scss";
 @import "dropdowns.scss";
 @import "icons-toolboxes.scss";
 @import "icons-widgets.scss";
 @import "lists.scss";
-@import "mixins.scss";
 @import "scaffolding.scss";
 @import "toolbox.paragraph.scss";
 @import "toolboxes.scss";
 @import "workshops.scss";
 @import "dropbucket.scss";
 @import "toasts.scss";
-@import "layouts.scss";
-@import "animation.scss";
 @import "draggables.scss";
 @import "forms.scss";
 @import "tabs.scss";

src/themes/designer/styles/toasts.scss

@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "animation.scss";
-
-.toasts {
+.toasts {
     position: fixed;
     right: 40px;
     bottom: 50px;

src/themes/designer/styles/toolbox.paragraph.scss

@@ -1,8 +1,4 @@
-@import "variables.scss";
-@import "buttons.scss";
-
-
-.tools-paragraph-style {
+.tools-paragraph-style {
     @include tabable();
     display: block;
     padding: 5px 10px;

src/themes/designer/styles/toolboxes.scss

@@ -1,10 +1,4 @@
-@import "variables.scss";
-@import "mixins.scss";
-@import "icons-toolboxes.scss";
-@import "animation.scss";
-@import "layouts.scss";
-
-h1,
+h1,
 h2 {
     font-family: $font-family-base;
     color: $color-base;

src/themes/designer/styles/utils.scss

@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .text-center {
     text-align: center;
 }