@wizishop/wizi-block 15.0.94-beta → 15.0.96-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 +59 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wizishop/wizi-block",
3
- "version": "15.0.94-beta",
3
+ "version": "15.0.96-beta",
4
4
  "description": "## To use WiziBlock, you have to :",
5
5
  "repository": {
6
6
  "type": "git",
package/wizi-block.scss CHANGED
@@ -8051,9 +8051,11 @@ $color-bd: #dddddd;
8051
8051
  margin: 0 rem(20);
8052
8052
 
8053
8053
  > div {
8054
- &:first-child {
8055
- position: relative;
8056
- z-index: 38;
8054
+ position: relative;
8055
+ z-index: 1;
8056
+
8057
+ &:focus-within {
8058
+ z-index: 10;
8057
8059
  }
8058
8060
 
8059
8061
  &.is-button {
@@ -8329,9 +8331,11 @@ $color-bd: #dddddd;
8329
8331
  margin: 0 rem(20);
8330
8332
 
8331
8333
  > div {
8332
- &:first-child {
8333
- position: relative;
8334
- z-index: 38;
8334
+ position: relative;
8335
+ z-index: 1;
8336
+
8337
+ &:focus-within {
8338
+ z-index: 10;
8335
8339
  }
8336
8340
 
8337
8341
  &.is-button {
@@ -8628,9 +8632,11 @@ $color-bd: #dddddd;
8628
8632
  margin: 0 rem(20);
8629
8633
 
8630
8634
  > div {
8631
- &:first-child {
8632
- position: relative;
8633
- z-index: 38;
8635
+ position: relative;
8636
+ z-index: 1;
8637
+
8638
+ &:focus-within {
8639
+ z-index: 10;
8634
8640
  }
8635
8641
 
8636
8642
  &.is-button {
@@ -8704,6 +8710,11 @@ $color-bd: #dddddd;
8704
8710
 
8705
8711
  .column {
8706
8712
  position: relative;
8713
+ z-index: 1;
8714
+
8715
+ &:focus-within {
8716
+ z-index: 10;
8717
+ }
8707
8718
  }
8708
8719
 
8709
8720
  .wb-images-texts-one-text-one__middle {
@@ -8931,9 +8942,11 @@ $color-bd: #dddddd;
8931
8942
  margin: 0 rem(20);
8932
8943
 
8933
8944
  > div {
8934
- &:first-child {
8935
- position: relative;
8936
- z-index: 38;
8945
+ position: relative;
8946
+ z-index: 1;
8947
+
8948
+ &:focus-within {
8949
+ z-index: 10;
8937
8950
  }
8938
8951
 
8939
8952
  &.is-button {
@@ -9230,9 +9243,11 @@ $color-bd: #dddddd;
9230
9243
  margin: 0 rem(20);
9231
9244
 
9232
9245
  > div {
9233
- &:first-child {
9234
- position: relative;
9235
- z-index: 38;
9246
+ position: relative;
9247
+ z-index: 1;
9248
+
9249
+ &:focus-within {
9250
+ z-index: 10;
9236
9251
  }
9237
9252
 
9238
9253
  &.is-button {
@@ -9527,9 +9542,11 @@ $color-bd: #dddddd;
9527
9542
  margin: 0 rem(20);
9528
9543
 
9529
9544
  > div {
9530
- &:first-child {
9531
- position: relative;
9532
- z-index: 38;
9545
+ position: relative;
9546
+ z-index: 1;
9547
+
9548
+ &:focus-within {
9549
+ z-index: 10;
9533
9550
  }
9534
9551
 
9535
9552
  &.is-button {
@@ -9824,9 +9841,11 @@ $color-bd: #dddddd;
9824
9841
  margin: 0 rem(20);
9825
9842
 
9826
9843
  > div {
9827
- &:first-child {
9828
- position: relative;
9829
- z-index: 38;
9844
+ position: relative;
9845
+ z-index: 1;
9846
+
9847
+ &:focus-within {
9848
+ z-index: 10;
9830
9849
  }
9831
9850
 
9832
9851
  &.is-button {
@@ -9881,6 +9900,11 @@ $color-bd: #dddddd;
9881
9900
 
9882
9901
  .column {
9883
9902
  position: relative;
9903
+ z-index: 1;
9904
+
9905
+ &:focus-within {
9906
+ z-index: 10;
9907
+ }
9884
9908
  }
9885
9909
 
9886
9910
  .wb-images-texts-text-one-text__middle {
@@ -10108,9 +10132,11 @@ $color-bd: #dddddd;
10108
10132
  margin: 0 rem(20);
10109
10133
 
10110
10134
  > div {
10111
- &:first-child {
10112
- position: relative;
10113
- z-index: 38;
10135
+ position: relative;
10136
+ z-index: 1;
10137
+
10138
+ &:focus-within {
10139
+ z-index: 10;
10114
10140
  }
10115
10141
 
10116
10142
  &.is-button {
@@ -19329,6 +19355,15 @@ $color-bd: #dddddd;
19329
19355
  @include flexbox();
19330
19356
  @include flex-direction(column);
19331
19357
 
19358
+ & > div {
19359
+ position: relative;
19360
+ z-index: 1;
19361
+
19362
+ &:focus-within {
19363
+ z-index: 10;
19364
+ }
19365
+ }
19366
+
19332
19367
  &__img {
19333
19368
  @include flexbox();
19334
19369
  @include justify-content(center);