@sc-360-v2/storefront-cms-library 0.4.3 → 0.4.5

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.
@@ -268,6 +268,59 @@
268
268
  & > span {
269
269
  display: flex;
270
270
  }
271
+ .icon--hover {
272
+ // position: absolute;
273
+ // inset: 0;
274
+ // opacity: 0;
275
+ display: none;
276
+ transition: opacity 0.2s ease;
277
+ }
278
+
279
+ &:hover .icon--hover {
280
+ // opacity: 1;
281
+ display: inline;
282
+ }
283
+
284
+ &:hover .icon--default {
285
+ // opacity: 0;
286
+ display: none;
287
+ }
288
+
289
+ .icon--hover {
290
+ // position: absolute;
291
+ // inset: 0;
292
+ // opacity: 0;
293
+ display: none;
294
+ transition: opacity 0.2s ease;
295
+ }
296
+
297
+ &:hover .icon--hover {
298
+ // opacity: 1;
299
+ display: inline;
300
+ }
301
+
302
+ &:hover .icon--default {
303
+ // opacity: 0;
304
+ display: none;
305
+ }
306
+
307
+ .icon--hover {
308
+ // position: absolute;
309
+ // inset: 0;
310
+ // opacity: 0;
311
+ display: none;
312
+ transition: opacity 0.2s ease;
313
+ }
314
+
315
+ &:hover .icon--hover {
316
+ // opacity: 1;
317
+ display: inline;
318
+ }
319
+
320
+ &:hover .icon--default {
321
+ // opacity: 0;
322
+ display: none;
323
+ }
271
324
  }
272
325
 
273
326
  .add_order_menu {
@@ -310,6 +310,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
310
310
  display: inline-block;
311
311
  width: 100%;
312
312
  }
313
+
314
+ .icon--hover {
315
+ // position: absolute;
316
+ // inset: 0;
317
+ // opacity: 0;
318
+ display: none;
319
+ transition: opacity 0.2s ease;
320
+ }
321
+
322
+ &:hover .icon--hover {
323
+ // opacity: 1;
324
+ display: inline;
325
+ }
326
+
327
+ &:hover .icon--default {
328
+ // opacity: 0;
329
+ display: none;
330
+ }
313
331
  }
314
332
  .btn__with__text[data-btn-name="loadMore"] {
315
333
  &[data-show-shadow="false"] {
@@ -509,6 +527,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
509
527
  display: inline-block;
510
528
  width: 100%;
511
529
  }
530
+
531
+ .icon--hover {
532
+ // position: absolute;
533
+ // inset: 0;
534
+ // opacity: 0;
535
+ display: none;
536
+ transition: opacity 0.2s ease;
537
+ }
538
+
539
+ &:hover .icon--hover {
540
+ // opacity: 1;
541
+ display: inline;
542
+ }
543
+
544
+ &:hover .icon--default {
545
+ // opacity: 0;
546
+ display: none;
547
+ }
512
548
  }
513
549
  }
514
550