Fixed styles after packages upgrade (#2697)

jsorohova · web-flow · commit 3dfd3eea3ce0 · 2024-10-14T13:37:21.000+02:00
* Removed unnecessary imports from styles

* Fixed admin dropdown on small screen resolutions
diff --git a/src/themes/designer/styles/arrows.scss b/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%;
diff --git a/src/themes/designer/styles/balloons.scss b/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();
diff --git a/src/themes/designer/styles/blocks.scss b/src/themes/designer/styles/blocks.scss
@@ -1,4 +1,3 @@
-
 .add-block-container {
     width: 100%;
     max-height: 600px;
diff --git a/src/themes/designer/styles/buttons.scss b/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;
diff --git a/src/themes/designer/styles/draggables.scss b/src/themes/designer/styles/draggables.scss
@@ -1,6 +1,4 @@
-﻿@import "variables.scss";
-
-.dragtarget {
+﻿.dragtarget {
     width: 100px;
     height: 100px;
     border: 1px dashed #ccc;
diff --git a/src/themes/designer/styles/dropbucket.scss b/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;
diff --git a/src/themes/designer/styles/dropzones.scss b/src/themes/designer/styles/dropzones.scss
@@ -1,7 +1,4 @@
-﻿@import "variables.scss";
-@import "mixins.scss";
-
-[alignment] {
+﻿[alignment] {
     position: absolute;
     top: initial;
     left: initial;
diff --git a/src/themes/designer/styles/forms.scss b/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;
diff --git a/src/themes/designer/styles/layouts.scss b/src/themes/designer/styles/layouts.scss
@@ -1,7 +1,4 @@
 ﻿@use "sass:math";
-@import "mixins.scss";
-@import "variables.scss";
-
 
 paperbits-code,
 paperbits-googlemaps,
diff --git a/src/themes/designer/styles/lightbox.scss b/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;
diff --git a/src/themes/designer/styles/lists.scss b/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 {
diff --git a/src/themes/designer/styles/mixins.scss b/src/themes/designer/styles/mixins.scss
@@ -1,6 +1,4 @@
-﻿@import "variables.scss";
-
-@mixin hide-text() {
+﻿@mixin hide-text() {
   text-indent: -9999px;
   white-space: nowrap;
 }
diff --git a/src/themes/designer/styles/scaffolding.scss b/src/themes/designer/styles/scaffolding.scss
@@ -1,4 +1,3 @@
-@import "mixins.scss";
 html,
 body {
     width: 100%;
@@ -10,7 +9,7 @@ body {
 
 * {
     @include box-sizing(border-box);
-    position: relative;
+    // position: relative; // Leaving this commented out to show that this should not be added as it breaks some pop-ups
 }
 
 *:before,
diff --git a/src/themes/designer/styles/slider.scss b/src/themes/designer/styles/slider.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .slider-display {
     width: 100%; 
     height: 25px;
diff --git a/src/themes/designer/styles/tabs.scss b/src/themes/designer/styles/tabs.scss
@@ -1,4 +1,3 @@
-
 .tabs {
     border-bottom: 1px solid $form-control-border;
     margin-bottom: 12px;
diff --git a/src/themes/designer/styles/toasts.scss b/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;
diff --git a/src/themes/designer/styles/toolbox.paragraph.scss b/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;
diff --git a/src/themes/designer/styles/toolboxes.scss b/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;
diff --git a/src/themes/designer/styles/utils.scss b/src/themes/designer/styles/utils.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .text-center {
     text-align: center;
 }
diff --git a/src/themes/designer/styles/workshops.scss b/src/themes/designer/styles/workshops.scss
@@ -1,10 +1,4 @@
-﻿@import "variables.scss";
-@import "icons-toolboxes.scss";
-@import "mixins.scss";
-@import "animation.scss";
-@import "flex.scss";
-
-.workshop {
+﻿.workshop {
     .workshop-journey-step {
         min-width: 300px;
         padding: 0 20px;
diff --git a/src/themes/website/styles/balloons.scss b/src/themes/website/styles/balloons.scss
@@ -1,7 +1,4 @@
-﻿@import "variables.scss";
-@import "mixins.scss";
-
-$tip-width: 10px;
+﻿$tip-width: 10px;
 
 .balloon {
     position: fixed;
diff --git a/src/themes/website/styles/docs.scss b/src/themes/website/styles/docs.scss
@@ -1,6 +1,3 @@
-@import "variables.scss";
-@import "icons.scss";
-
 .snap {
     &.snap-top {
         position: sticky;
diff --git a/src/themes/website/styles/forms.scss b/src/themes/website/styles/forms.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 form {
     padding: 10px;
     flex-grow: 1;
diff --git a/src/themes/website/styles/gql.scss b/src/themes/website/styles/gql.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .table-ws-gql {
     display: grid;
     max-width: 100%;
diff --git a/src/themes/website/styles/icons.scss b/src/themes/website/styles/icons.scss
@@ -1,5 +1,3 @@
-@import "mixins.scss";
-
 @font-face {
     font-family: "Icons Embedded";
     src: url("/styles/fonts/icons.eot?a6lw2r");
diff --git a/src/themes/website/styles/lists.scss b/src/themes/website/styles/lists.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .list {
     .list-item {
         padding: .5em;
diff --git a/src/themes/website/styles/mixins.scss b/src/themes/website/styles/mixins.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 @mixin fit($spacing: 0) {
     top: $spacing;
     left: $spacing;
diff --git a/src/themes/website/styles/panels.scss b/src/themes/website/styles/panels.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .panel {
     padding: 30px;
 
diff --git a/src/themes/website/styles/resizables.scss b/src/themes/website/styles/resizables.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 .resize-handle {
     background: transparent;
     position: absolute;
diff --git a/src/themes/website/styles/tables.scss b/src/themes/website/styles/tables.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 $table-border-width: 1px;
 $table-border-color: #dee2e6;
 $spacer: 10px;
diff --git a/src/themes/website/styles/text.scss b/src/themes/website/styles/text.scss
@@ -1,5 +1,3 @@
-@import "variables.scss";
-
 h1,
 h2,
 h3,

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-`
`2`	`1`	`.add-block-container {`
`3`	`2`	`width: 100%;`
`4`	`3`	`max-height: 600px;`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-@import "variables.scss";`
`2`		`-`
`3`	`1`	`// Vars ---------------------------------------------------------------- //`
`4`	`2`	`$basicLightbox__background: rgba(0, 0, 0, .8) !default;`
`5`	`3`	`$basicLightbox__zIndex: 100000 !default;`