@wizishop/wizi-block 15.0.110-beta → 15.0.111-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/wizi-block.scss +61 -54
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wizishop/wizi-block",
3
- "version": "15.0.110-beta",
3
+ "version": "15.0.111-beta",
4
4
  "description": "## To use WiziBlock, you have to :",
5
5
  "repository": {
6
6
  "type": "git",
package/wizi-block.scss CHANGED
@@ -17640,10 +17640,11 @@ $color-bd: #dddddd;
17640
17640
  @include justify-content(center);
17641
17641
  @include align-items(center);
17642
17642
  width: 100%;
17643
- position: relative!important;
17644
- top: auto!important;
17645
- left: auto!important;
17646
- height: auto!important;
17643
+ position: absolute;
17644
+ top: 0;
17645
+ left: 0;
17646
+ width: 100%;
17647
+ height: 100%;
17647
17648
 
17648
17649
  &:before {
17649
17650
  content: '';
@@ -17957,47 +17958,6 @@ $color-bd: #dddddd;
17957
17958
  top: 0;
17958
17959
  left: 0;
17959
17960
  cursor: pointer;
17960
-
17961
- &:before {
17962
- position: absolute;
17963
- left: 0;
17964
- top: 0;
17965
- width: 100%;
17966
- height: 100%;
17967
- background-color: rgba($wb-main-text-color, 0);
17968
- content: ' ';
17969
- transition: 200ms all;
17970
- }
17971
-
17972
- &:after {
17973
- content: '\f03e';
17974
- font-family: 'Font Awesome 5 Pro';
17975
- display: block;
17976
- @include simple_transition();
17977
- position: absolute;
17978
- z-index: 38;
17979
- font-size: rem(70);
17980
- top: -#{rem(90)};
17981
- opacity: 0;
17982
- left: 0;
17983
- right: 0;
17984
- bottom: 0;
17985
- margin: auto;
17986
- width: rem(70);
17987
- height: rem(90);
17988
- color: $wb-white;
17989
- pointer-events: none;
17990
- }
17991
-
17992
- &:hover {
17993
- &:before {
17994
- background-color: rgba($wb-main-text-color, 0.1);
17995
- }
17996
-
17997
- &:after {
17998
- opacity: 0.3;
17999
- }
18000
- }
18001
17961
  }
18002
17962
  }
18003
17963
  }
@@ -18071,6 +18031,47 @@ $color-bd: #dddddd;
18071
18031
  left: 0;
18072
18032
  width: 100%;
18073
18033
  height: 100%;
18034
+
18035
+ &:before {
18036
+ position: absolute;
18037
+ left: 0;
18038
+ top: 0;
18039
+ width: 100%;
18040
+ height: 100%;
18041
+ background-color: rgba($wb-main-text-color, 0);
18042
+ content: ' ';
18043
+ transition: 200ms all;
18044
+ }
18045
+
18046
+ &:after {
18047
+ content: '\f03e';
18048
+ font-family: 'Font Awesome 5 Pro';
18049
+ display: block;
18050
+ @include simple_transition();
18051
+ position: absolute;
18052
+ z-index: 38;
18053
+ font-size: rem(70);
18054
+ top: -#{rem(90)};
18055
+ opacity: 0;
18056
+ left: 0;
18057
+ right: 0;
18058
+ bottom: 0;
18059
+ margin: auto;
18060
+ width: rem(70);
18061
+ height: rem(90);
18062
+ color: $wb-white;
18063
+ pointer-events: none;
18064
+ }
18065
+
18066
+ &:hover {
18067
+ &:before {
18068
+ background-color: rgba($wb-main-text-color, 0.1);
18069
+ }
18070
+
18071
+ &:after {
18072
+ opacity: 0.3;
18073
+ }
18074
+ }
18074
18075
  }
18075
18076
  }
18076
18077
 
@@ -18759,10 +18760,11 @@ $color-bd: #dddddd;
18759
18760
  @include justify-content(center);
18760
18761
  @include align-items(center);
18761
18762
  width: 100%;
18762
- position: relative!important;
18763
- top: auto!important;
18764
- left: auto!important;
18765
- height: auto!important;
18763
+ position: absolute;
18764
+ top: 0;
18765
+ left: 0;
18766
+ width: 100%;
18767
+ height: 100%;
18766
18768
 
18767
18769
  &:before {
18768
18770
  content: '';
@@ -19128,10 +19130,11 @@ $color-bd: #dddddd;
19128
19130
  @include flex-direction(column);
19129
19131
  @include justify-content(center);
19130
19132
  width: 100%;
19131
- position: relative!important;
19132
- top: auto!important;
19133
- left: auto!important;
19134
- height: auto!important;
19133
+ position: absolute;
19134
+ top: 0;
19135
+ left: 0;
19136
+ width: 100%;
19137
+ height: 100%;
19135
19138
 
19136
19139
  &:before {
19137
19140
  content: '';
@@ -19446,7 +19449,11 @@ $color-bd: #dddddd;
19446
19449
  @include flexbox();
19447
19450
  @include flex-direction(column);
19448
19451
  @include justify-content(center);
19449
- position: relative;
19452
+ position: absolute;
19453
+ top: 0;
19454
+ left: 0;
19455
+ width: 100%;
19456
+ height: 100%;
19450
19457
 
19451
19458
  &:before {
19452
19459
  position: absolute;