sempli-website-lib 6.2.1-beta.0 → 6.2.1-beta.2

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.
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.2048 2.25H21.5128L14.2858 10.51L22.7878 21.75H16.1308L10.9168 14.933L4.95084 21.75H1.64084L9.37084 12.915L1.21484 2.25H8.04084L12.7538 8.481L18.2048 2.25ZM17.0438 19.77H18.8768L7.04484 4.126H5.07784L17.0438 19.77Z"></path></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sempli-website-lib",
3
- "version": "6.2.1-beta.0",
3
+ "version": "6.2.1-beta.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.0.5",
6
6
  "@angular/core": "^16.0.5"
@@ -12545,7 +12545,7 @@ button.cursor-pointer {
12545
12545
  animation-name: float-button-out;
12546
12546
  animation-delay: 0.15s;
12547
12547
  animation-duration: 0.15s;
12548
- animation-timing-function: linear;
12548
+ animation-timing-function: linear;
12549
12549
  animation-fill-mode: forwards;
12550
12550
  background-color: #25d366;
12551
12551
  background-repeat: no-repeat;
@@ -12686,6 +12686,47 @@ button.cursor-pointer {
12686
12686
  }
12687
12687
  }
12688
12688
 
12689
+ .btn-arrow-up {
12690
+ position: relative;
12691
+ text-decoration: none;
12692
+ color: #434448;
12693
+ padding: 7px 0px 8px 20px;
12694
+ border-radius: 50px;
12695
+ transition: color 0.5s ease;
12696
+ z-index: 1;
12697
+
12698
+ i {
12699
+ margin-left: 5px;
12700
+ background: #4335F9;
12701
+ border-radius: 50%;
12702
+ padding: 8px 8px;
12703
+ color: white;
12704
+ transition: color 0.5s ease;
12705
+ }
12706
+
12707
+ &::before {
12708
+ content: '';
12709
+ position: absolute;
12710
+ top: 0;
12711
+ right: 0;
12712
+ width: 18%;
12713
+ height: 100%;
12714
+ border-radius: 100px;
12715
+ transition: width 0.5s ease, background 0.5s ease;
12716
+ z-index: -1;
12717
+ }
12718
+
12719
+ &:hover {
12720
+ color: white;
12721
+
12722
+ &::before {
12723
+ width: 100%;
12724
+ background: #4335F9;
12725
+ color: white;
12726
+ }
12727
+ }
12728
+ }
12729
+
12689
12730
  /*#############################################################################
12690
12731
  # FORMS AND INPUTS
12691
12732
  #############################################################################*/
@@ -12325,7 +12325,7 @@ button.cursor-pointer {
12325
12325
  animation-name: float-button-out;
12326
12326
  animation-delay: 0.15s;
12327
12327
  animation-duration: 0.15s;
12328
- animation-timing-function: linear;
12328
+ animation-timing-function: linear;
12329
12329
  animation-fill-mode: forwards;
12330
12330
  background-color: #25d366;
12331
12331
  background-repeat: no-repeat;
@@ -12466,6 +12466,47 @@ button.cursor-pointer {
12466
12466
  }
12467
12467
  }
12468
12468
 
12469
+ .btn-arrow-up {
12470
+ position: relative;
12471
+ text-decoration: none;
12472
+ color: #434448;
12473
+ padding: 7px 0px 8px 20px;
12474
+ border-radius: 50px;
12475
+ transition: color 0.5s ease;
12476
+ z-index: 1;
12477
+
12478
+ i {
12479
+ margin-left: 5px;
12480
+ background: #4335F9;
12481
+ border-radius: 50%;
12482
+ padding: 8px 8px;
12483
+ color: white;
12484
+ transition: color 0.5s ease;
12485
+ }
12486
+
12487
+ &::before {
12488
+ content: '';
12489
+ position: absolute;
12490
+ top: 0;
12491
+ right: 0;
12492
+ width: 18%;
12493
+ height: 100%;
12494
+ border-radius: 100px;
12495
+ transition: width 0.5s ease, background 0.5s ease;
12496
+ z-index: -1;
12497
+ }
12498
+
12499
+ &:hover {
12500
+ color: white;
12501
+
12502
+ &::before {
12503
+ width: 100%;
12504
+ background: #4335F9;
12505
+ color: white;
12506
+ }
12507
+ }
12508
+ }
12509
+
12469
12510
  /*#############################################################################
12470
12511
  # FORMS AND INPUTS
12471
12512
  #############################################################################*/
@@ -263,7 +263,7 @@ button.cursor-pointer {
263
263
  animation-name: float-button-out;
264
264
  animation-delay: 0.15s;
265
265
  animation-duration: 0.15s;
266
- animation-timing-function: linear;
266
+ animation-timing-function: linear;
267
267
  animation-fill-mode: forwards;
268
268
  background-color: #25d366;
269
269
  background-repeat: no-repeat;
@@ -403,3 +403,44 @@ button.cursor-pointer {
403
403
  }
404
404
  }
405
405
  }
406
+
407
+ .btn-arrow-up {
408
+ position: relative;
409
+ text-decoration: none;
410
+ color: #434448;
411
+ padding: 7px 0px 8px 20px;
412
+ border-radius: 50px;
413
+ transition: color 0.5s ease;
414
+ z-index: 1;
415
+
416
+ i {
417
+ margin-left: 5px;
418
+ background: #4335F9;
419
+ border-radius: 50%;
420
+ padding: 8px 8px;
421
+ color: white;
422
+ transition: color 0.5s ease;
423
+ }
424
+
425
+ &::before {
426
+ content: '';
427
+ position: absolute;
428
+ top: 0;
429
+ right: 0;
430
+ width: 18%;
431
+ height: 100%;
432
+ border-radius: 100px;
433
+ transition: width 0.5s ease, background 0.5s ease;
434
+ z-index: -1;
435
+ }
436
+
437
+ &:hover {
438
+ color: white;
439
+
440
+ &::before {
441
+ width: 100%;
442
+ background: #4335F9;
443
+ color: white;
444
+ }
445
+ }
446
+ }