general-library-union 3.1.67 → 3.1.69

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/styles/primeng/sass/overrides/_theme_styles.scss +20 -20
  3. package/src/styles/primeng/sass/overrides/_theme_styles_dark.scss +40 -26
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "general-library-union",
3
- "version": "3.1.67",
3
+ "version": "3.1.69",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/animations": "^18.0.4",
package/src/styles/primeng/sass/overrides/_theme_styles.scss CHANGED
@@ -419,7 +419,7 @@ color: #232323;
419
419
  #timeout {
420
420
  width: 100%;
421
421
  height: 100%;
422
- background: linear-gradient(to bottom, #ffffff, var(--color-100));
422
+ background:#fff;
423
423
 
424
424
 
425
425
  .card-container {
@@ -432,21 +432,16 @@ color: #232323;
432
432
  }
433
433
 
434
434
  h4 {
435
+
435
436
  color: $white;
436
- background: linear-gradient(to bottom, us-color(400), us-color(600));
437
- -webkit-text-stroke: 0.5rem transparent;
438
- -webkit-background-clip: text;
439
- background-clip: text;
440
- font-size: 3.5rem;
441
- letter-spacing: 16px;
442
- font-weight: 700;
443
- text-align: left;
444
- max-width: 60rem;
445
- text-align: left;
446
- margin: 0;
437
+ font-size: 2rem;
438
+ color: #232323;
439
+ font-weight: 600;
440
+ text-align: center;
441
+
447
442
 
448
443
  @include breakpoint(large) {
449
- font-size: 6rem;
444
+ font-size: 2rem;
450
445
  -webkit-text-stroke: 0.85rem transparent;
451
446
  -webkit-background-clip: text;
452
447
  background-clip: text;
@@ -455,20 +450,25 @@ color: #232323;
455
450
 
456
451
  button {
457
452
  padding: 0.5rem 6rem;
458
- margin-top: 4%;
459
- padding: 0.5rem 6rem;
460
- background: linear-gradient(45deg, var(--color-500), var(--color-300));
453
+ background: #fff;
461
454
  border: none;
462
455
  border-radius: 5px;
463
456
  color: #fff;
464
457
  font-weight: bold;
465
- box-shadow: 0px 1px 7px var(--color-300);
466
-
458
+ box-shadow: 0px 1px 7px #cacaca;
459
+ /* margin-top: 15%; */
460
+ font-size: 1.1rem;
461
+ display: table;
462
+ margin: 0 auto;
463
+ margin-top: 10%;
464
+ border: solid 1px #232323;
465
+ color: #232323;
466
+ margin-bottom: 10%;
467
467
  }
468
468
 
469
469
  #timeout button:hover{
470
- background: linear-gradient(45deg, var(--color-600), var(--color-400));
471
- box-shadow: 3px 3px 12px var(--color-300);
470
+ background: #fff;
471
+ box-shadow: 3px 3px 12px #b8b8b8;
472
472
  }
473
473
 
474
474
 
package/src/styles/primeng/sass/overrides/_theme_styles_dark.scss CHANGED
@@ -423,12 +423,15 @@ color: #232323;
423
423
  * Timeout styles
424
424
  *****************************************************************************/
425
425
 
426
- #timeout {
427
- background: linear-gradient(to bottom, #fffcfc, #8e8e8e);
426
+
427
+ #timeout {
428
+ width: 100%;
429
+ height: 100%;
430
+ background:#fff;
431
+
428
432
 
429
433
  .card-container {
430
- height: auto;
431
- min-height: 100vh;
434
+ height: 100vh;
432
435
  }
433
436
 
434
437
  img {
@@ -437,21 +440,16 @@ color: #232323;
437
440
  }
438
441
 
439
442
  h4 {
443
+
440
444
  color: $white;
441
- background: linear-gradient(to bottom, #33302e, #757575);
442
- -webkit-text-stroke: 0.5rem transparent;
443
- -webkit-background-clip: text;
444
- background-clip: text;
445
- font-size: 3.5rem;
446
- letter-spacing: 16px;
447
- font-weight: 700;
448
- text-align: left;
449
- max-width: 60rem;
450
- text-align: left;
451
- margin: 0;
445
+ font-size: 2rem;
446
+ color: #232323;
447
+ font-weight: 600;
448
+ text-align: center;
449
+
452
450
 
453
451
  @include breakpoint(large) {
454
- font-size: 6rem;
452
+ font-size: 2rem;
455
453
  -webkit-text-stroke: 0.85rem transparent;
456
454
  -webkit-background-clip: text;
457
455
  background-clip: text;
@@ -460,27 +458,46 @@ color: #232323;
460
458
 
461
459
  button {
462
460
  padding: 0.5rem 6rem;
463
- background: #232323;
461
+ background: #fff;
462
+ border: none;
464
463
  border-radius: 5px;
465
464
  color: #fff;
466
- }
465
+ font-weight: bold;
466
+ box-shadow: 0px 1px 7px #cacaca;
467
+ /* margin-top: 15%; */
468
+ font-size: 1.1rem;
469
+ display: table;
470
+ margin: 0 auto;
471
+ margin-top: 10%;
472
+ border: solid 1px #232323;
473
+ color: #232323;
474
+ margin-bottom: 10%;
475
+ }
476
+
477
+ #timeout button:hover{
478
+ background: #fff;
479
+ box-shadow: 3px 3px 12px #b8b8b8;
480
+ }
481
+
482
+
467
483
  }
468
484
 
469
485
  #timeout .p-button {
470
- box-shadow: 0 0 10px hsl(0deg 0% 0% / 56%);
471
- background: #39373f;
486
+ box-shadow: 0px 0px 10px hsla(var(--color-h), 100%, 60%, 0.7);
472
487
  }
473
488
 
489
+
474
490
  .p-divider {
475
491
  .p-divider-content {
476
492
  background-color: transparent;
477
493
  width: 100%;
478
- border-bottom: solid 1px #39373f;
479
- color: #fff;
494
+ border-bottom: solid 1px var(--color-100);
495
+ color: #232323;
480
496
 
481
497
  }
482
498
  }
483
499
 
500
+
484
501
  @media (max-width:1440px) {
485
502
 
486
503
  #timeout {
@@ -508,11 +525,10 @@ color: #232323;
508
525
  -webkit-text-stroke: 0.65rem transparent;
509
526
  }
510
527
 
528
+
511
529
  }
512
530
  }
513
531
 
514
-
515
-
516
532
  @media (max-width:768px){
517
533
 
518
534
  #timeout h4 {
@@ -531,7 +547,6 @@ color: #232323;
531
547
  font-size: 2rem !important;
532
548
  }
533
549
 
534
-
535
550
  #timeout img {
536
551
  margin: 0 auto;
537
552
  text-align: center;
@@ -540,7 +555,6 @@ color: #232323;
540
555
  }
541
556
 
542
557
 
543
-
544
558
  /******************************************************************************
545
559
  * Tag styles
546
560
  *****************************************************************************/