@wizishop/wizi-block 15.0.8-beta → 15.0.10-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/wizi-block",
-  "version": "15.0.8-beta",
+  "version": "15.0.10-beta",
   "description": "## To use WiziBlock, you have to :",
   "repository": {
     "type": "git",

package/wizi-block.scss

@@ -16800,159 +16800,6 @@ $color-bd: #dddddd;
 .wb-slider-with-banner__container__slider-selector.cdk-drag-placeholder {
     opacity: 0.2;
 }
-.wb-socials-like {
-  padding: rem(30);
-
-  &__image {
-    text-align: center;
-  }
-
-  &__config {
-    padding: rem(40);
-  }
-
-  input + a {
-    display: inline-block;
-    position: relative;
-    color: $wb-main-color;
-    @include simple_transition();
-    font-size: rem(14);
-
-    &:before {
-      content: '';
-      width: 0;
-      height: rem(2);
-      position: absolute;
-      bottom: -#{rem(4px)};
-      background-color: $wb-main-color-hover;
-      @include simple_transition();
-    }
-
-    &:hover {
-      color: $wb-main-color-hover;
-
-      &:before {
-        width: 100%;
-      }
-    }
-  }
-}
-.wb-socials-network {
-  padding: rem(30);
-
-  &__button {
-    button {
-      border: 0;
-      box-sizing: border-box;
-      color: $wb-white;
-      padding: rem(15);
-      width: calc(25% - #{rem(19)});
-      margin-right: rem(25);
-      transition: none;
-      font-size: rem(20);
-
-      i {
-        font-size: rem(20);
-        margin-right: rem(10);
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-
-    &__facebook {
-      background-color: #4267b2;
-    }
-    &__twitter {
-      background-color: #00aced;
-    }
-    &__instagram {
-      background-color: #6c27b3;
-    }
-    &__pinterest {
-      background-color: #c8232c;
-    }
-  }
-
-  &__config {
-    padding: rem(40);
-  }
-}
-.wb-socials-page-complex {
-  padding: rem(30);
-
-  &__config {
-    padding: rem(40);
-  }
-
-  &__container {
-    text-align: center;
-  }
-
-  input + a {
-    display: inline-block;
-    position: relative;
-    color: $wb-main-color;
-    @include simple_transition();
-    font-size: rem(14);
-
-    &:before {
-      content: '';
-      width: 0;
-      height: rem(2);
-      position: absolute;
-      bottom: -#{rem(4px)};
-      background-color: $wb-main-color-hover;
-      @include simple_transition();
-    }
-
-    &:hover {
-      color: $wb-main-color-hover;
-
-      &:before {
-        width: 100%;
-      }
-    }
-  }
-}
-.wb-socials-page-simple {
-  padding: rem(30);
-
-  &__config {
-    padding: rem(40);
-  }
-
-  &__container {
-    text-align: center;
-  }
-
-  input + a {
-    display: inline-block;
-    position: relative;
-    color: $wb-main-color;
-    @include simple_transition();
-    font-size: rem(14);
-
-    &:before {
-      content: '';
-      width: 0;
-      height: rem(2);
-      position: absolute;
-      bottom: -#{rem(4px)};
-      background-color: $wb-main-color-hover;
-      @include simple_transition();
-    }
-
-    &:hover {
-      color: $wb-main-color-hover;
-
-      &:before {
-        width: 100%;
-      }
-    }
-  }
-}
 .wb-text-backgrounds-rows-icon-text {
     position: relative;
 
@@ -18028,6 +17875,13 @@ $color-bd: #dddddd;
         position: relative;
     }
 
+    .columns {
+        position: static!important;
+        .column {
+            position: static;
+        }
+    }
+
     & > .columns:not(:last-child) {
         margin-bottom: 10px;
 
@@ -18036,6 +17890,13 @@ $color-bd: #dddddd;
         }
     }
 
+    .wb-structure-config__content > div:last-child {
+        flex-direction: column;
+        > *:not(:last-child) {
+            margin: 0 0 20px!important;
+        }
+    }
+
     &__item {
         padding: rem(15);
         &__content {
@@ -19193,6 +19054,159 @@ $color-bd: #dddddd;
         }
     }
 }
+.wb-socials-like {
+  padding: rem(30);
+
+  &__image {
+    text-align: center;
+  }
+
+  &__config {
+    padding: rem(40);
+  }
+
+  input + a {
+    display: inline-block;
+    position: relative;
+    color: $wb-main-color;
+    @include simple_transition();
+    font-size: rem(14);
+
+    &:before {
+      content: '';
+      width: 0;
+      height: rem(2);
+      position: absolute;
+      bottom: -#{rem(4px)};
+      background-color: $wb-main-color-hover;
+      @include simple_transition();
+    }
+
+    &:hover {
+      color: $wb-main-color-hover;
+
+      &:before {
+        width: 100%;
+      }
+    }
+  }
+}
+.wb-socials-network {
+  padding: rem(30);
+
+  &__button {
+    button {
+      border: 0;
+      box-sizing: border-box;
+      color: $wb-white;
+      padding: rem(15);
+      width: calc(25% - #{rem(19)});
+      margin-right: rem(25);
+      transition: none;
+      font-size: rem(20);
+
+      i {
+        font-size: rem(20);
+        margin-right: rem(10);
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+
+    &__facebook {
+      background-color: #4267b2;
+    }
+    &__twitter {
+      background-color: #00aced;
+    }
+    &__instagram {
+      background-color: #6c27b3;
+    }
+    &__pinterest {
+      background-color: #c8232c;
+    }
+  }
+
+  &__config {
+    padding: rem(40);
+  }
+}
+.wb-socials-page-complex {
+  padding: rem(30);
+
+  &__config {
+    padding: rem(40);
+  }
+
+  &__container {
+    text-align: center;
+  }
+
+  input + a {
+    display: inline-block;
+    position: relative;
+    color: $wb-main-color;
+    @include simple_transition();
+    font-size: rem(14);
+
+    &:before {
+      content: '';
+      width: 0;
+      height: rem(2);
+      position: absolute;
+      bottom: -#{rem(4px)};
+      background-color: $wb-main-color-hover;
+      @include simple_transition();
+    }
+
+    &:hover {
+      color: $wb-main-color-hover;
+
+      &:before {
+        width: 100%;
+      }
+    }
+  }
+}
+.wb-socials-page-simple {
+  padding: rem(30);
+
+  &__config {
+    padding: rem(40);
+  }
+
+  &__container {
+    text-align: center;
+  }
+
+  input + a {
+    display: inline-block;
+    position: relative;
+    color: $wb-main-color;
+    @include simple_transition();
+    font-size: rem(14);
+
+    &:before {
+      content: '';
+      width: 0;
+      height: rem(2);
+      position: absolute;
+      bottom: -#{rem(4px)};
+      background-color: $wb-main-color-hover;
+      @include simple_transition();
+    }
+
+    &:hover {
+      color: $wb-main-color-hover;
+
+      &:before {
+        width: 100%;
+      }
+    }
+  }
+}
 .wb-texts-double {
     position: relative;