@posiwise/core-styles 1.0.11 → 1.0.12
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.
- package/app.scss +10 -7
- package/package.json +1 -1
- package/scss/_dynamic-styles.scss +8 -7
- package/scss/_public-pages.scss +4 -4
- package/scss/_shared.scss +3 -3
- package/scss/_variables.scss +5 -5
- package/scss/common/landing-page-a/landing-page-style-1.scss +5 -4
- package/scss/common/landing-page-b/banner.scss +2 -2
- package/scss/common/landing-page-b/contact-us.scss +2 -2
- package/scss/common/landing-page-b/explainer.scss +3 -3
- package/scss/common/landing-page-b/explainer2.scss +3 -3
- package/scss/common/landing-page-b/header.scss +10 -4
- package/scss/common/landing-page-b/landing-page-style-2.scss +1 -1
- package/scss/custom-bootstrap/_badge.scss +96 -95
- package/scss/custom-bootstrap/_bootstrap_variables.scss +3 -1
- package/scss/custom-bootstrap/_card.scss +14 -5
- package/scss/custom-bootstrap/_forms.scss +15 -13
- package/scss/custom-bootstrap/_popover.scss +3 -2
- package/scss/custom-bootstrap/_reboot.scss +5 -3
- package/scss/custom-bootstrap/_type.scss +7 -6
- package/scss/dashboard/_bootstrap-social.scss +11 -7
- package/scss/dashboard/_chat.scss +6 -4
- package/scss/dashboard/_components.scss +15 -14
- package/scss/dashboard/_horizontal-timeline.scss +15 -11
- package/scss/dashboard/_icons.scss +2 -1
- package/scss/dashboard/_misc.scss +11 -10
- package/scss/dashboard/_palette.scss +36 -26
- package/scss/dashboard/_search.scss +2 -1
- package/scss/dashboard/_sidebar-content.scss +14 -12
- package/scss/dashboard/_tabs.scss +13 -11
- package/scss/dashboard/_vertical-timeline.scss +8 -4
- package/scss/dashboard/mixins/_buttons.scss +9 -8
- package/scss/dashboard/mixins/_typography.scss +3 -2
- package/scss/dashboard/mixins/_utilities.scss +7 -6
- package/scss/plugins/_plugin-nouislider.scss +15 -12
- package/scss/plugins/perfect-scrollbar/_mixins.scss +21 -18
- package/scss/plugins/perfect-scrollbar/_ps-custom.scss +5 -4
- package/scss/public-pages/_buttons.scss +2 -1
- package/scss/public-pages/_layout.scss +2 -0
- package/scss/public-pages/mixins/_buttons.scss +4 -2
- package/scss/shared/_prime-ng-tables.scss +2 -0
- package/scss/shared/_prime-ng.scss +4 -1
- package/scss/variables/_app-colors-variables.scss +61 -60
- package/scss/variables/_primeng-variables.scss +5 -2
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
1
2
|
// ================================================================================================
|
|
2
3
|
// These colors are used to defines element colors in palette
|
|
3
4
|
// ================================================================================================
|
|
@@ -500,124 +501,124 @@ $branding-colors: (
|
|
|
500
501
|
// Map variable
|
|
501
502
|
$gradient-colors: (
|
|
502
503
|
gradient-indigo-light-blue: (
|
|
503
|
-
'start-color': map
|
|
504
|
-
'end-color': map
|
|
504
|
+
'start-color': map.get($indigo, lighten-4),
|
|
505
|
+
'end-color': map.get($light-blue, lighten-4)
|
|
505
506
|
),
|
|
506
507
|
gradient-light-blue-indigo: (
|
|
507
|
-
'start-color': map
|
|
508
|
-
'end-color': map
|
|
508
|
+
'start-color': map.get($light-blue, lighten-4),
|
|
509
|
+
'end-color': map.get($indigo, lighten-3)
|
|
509
510
|
),
|
|
510
511
|
gradient-yellow-green: (
|
|
511
|
-
'start-color': map
|
|
512
|
-
'end-color': map
|
|
512
|
+
'start-color': map.get($yellow, accent-1),
|
|
513
|
+
'end-color': map.get($green, accent-1)
|
|
513
514
|
),
|
|
514
515
|
gradient-orange-deep-orange: (
|
|
515
|
-
'start-color': map
|
|
516
|
-
'end-color': map
|
|
516
|
+
'start-color': map.get($orange, lighten-4),
|
|
517
|
+
'end-color': map.get($deep-orange, lighten-4)
|
|
517
518
|
),
|
|
518
519
|
gradient-deep-purple-purple: (
|
|
519
|
-
'start-color': map
|
|
520
|
-
'end-color': map
|
|
520
|
+
'start-color': map.get($deep-purple, lighten-4),
|
|
521
|
+
'end-color': map.get($purple, lighten-5)
|
|
521
522
|
),
|
|
522
523
|
gradient-red-pink: (
|
|
523
|
-
'start-color': map
|
|
524
|
-
'end-color': map
|
|
524
|
+
'start-color': map.get($red-color, accent-2),
|
|
525
|
+
'end-color': map.get($pink, lighten-3)
|
|
525
526
|
),
|
|
526
527
|
gradient-light-green-amber: (
|
|
527
|
-
'start-color': map
|
|
528
|
-
'end-color': map
|
|
528
|
+
'start-color': map.get($light-green, lighten-3),
|
|
529
|
+
'end-color': map.get($amber, lighten-5)
|
|
529
530
|
),
|
|
530
531
|
gradient-amber-amber: (
|
|
531
|
-
'start-color': map
|
|
532
|
-
'end-color': map
|
|
532
|
+
'start-color': map.get($amber, darken-4),
|
|
533
|
+
'end-color': map.get($amber, lighten-1)
|
|
533
534
|
),
|
|
534
535
|
gradient-purple-pink: (
|
|
535
|
-
'start-color': map
|
|
536
|
-
'end-color': map
|
|
536
|
+
'start-color': map.get($purple, accent-1),
|
|
537
|
+
'end-color': map.get($pink, lighten-5)
|
|
537
538
|
),
|
|
538
539
|
gradient-indigo-dark-blue: (
|
|
539
|
-
'start-color': map
|
|
540
|
-
'end-color': map
|
|
540
|
+
'start-color': map.get($indigo, darken-1),
|
|
541
|
+
'end-color': map.get($light-blue, lighten-2)
|
|
541
542
|
),
|
|
542
543
|
gradient-teal-cyan: (
|
|
543
|
-
'start-color': map
|
|
544
|
-
'end-color': map
|
|
544
|
+
'start-color': map.get($teal, lighten-5),
|
|
545
|
+
'end-color': map.get($cyan, accent-3)
|
|
545
546
|
),
|
|
546
547
|
gradient-blue-grey-blue-grey: (
|
|
547
|
-
'start-color': map
|
|
548
|
-
'end-color': map
|
|
548
|
+
'start-color': map.get($blue-grey, lighten-4),
|
|
549
|
+
'end-color': map.get($blue-grey, darken-1)
|
|
549
550
|
),
|
|
550
551
|
gradient-cyan-dark-green: (
|
|
551
|
-
'start-color': map
|
|
552
|
-
'end-color': map
|
|
552
|
+
'start-color': map.get($cyan, darken-2),
|
|
553
|
+
'end-color': map.get($light-green, accent-2)
|
|
553
554
|
),
|
|
554
555
|
gradient-orange-amber: (
|
|
555
|
-
'start-color': map
|
|
556
|
-
'end-color': map
|
|
556
|
+
'start-color': map.get($orange, darken-4),
|
|
557
|
+
'end-color': map.get($amber, darken-2)
|
|
557
558
|
),
|
|
558
559
|
gradient-indigo-blue: (
|
|
559
|
-
'start-color': map
|
|
560
|
-
'end-color': map
|
|
560
|
+
'start-color': map.get($indigo, darken-2),
|
|
561
|
+
'end-color': map.get($blue, darken-2)
|
|
561
562
|
),
|
|
562
563
|
gradient-brown-brown: (
|
|
563
|
-
'start-color': map
|
|
564
|
-
'end-color': map
|
|
564
|
+
'start-color': map.get($brown, darken-1),
|
|
565
|
+
'end-color': map.get($brown, lighten-4)
|
|
565
566
|
),
|
|
566
567
|
gradient-blue-grey-blue: (
|
|
567
|
-
'start-color': map
|
|
568
|
-
'end-color': map
|
|
568
|
+
'start-color': map.get($blue-grey, darken-4),
|
|
569
|
+
'end-color': map.get($blue, accent-3)
|
|
569
570
|
),
|
|
570
571
|
gradient-purple-deep-orange: (
|
|
571
|
-
'start-color': map
|
|
572
|
-
'end-color': map
|
|
572
|
+
'start-color': map.get($purple, darken-1),
|
|
573
|
+
'end-color': map.get($deep-orange, accent-2)
|
|
573
574
|
),
|
|
574
575
|
gradient-green-teal: (
|
|
575
|
-
'start-color': map
|
|
576
|
-
'end-color': map
|
|
576
|
+
'start-color': map.get($green, darken-1),
|
|
577
|
+
'end-color': map.get($teal, accent-3)
|
|
577
578
|
),
|
|
578
579
|
gradient-purple-light-blue: (
|
|
579
|
-
'start-color': map
|
|
580
|
-
'end-color': map
|
|
580
|
+
'start-color': map.get($purple, accent-2),
|
|
581
|
+
'end-color': map.get($light-blue, lighten-2)
|
|
581
582
|
),
|
|
582
583
|
gradient-cyan-cyan: (
|
|
583
|
-
'start-color': map
|
|
584
|
-
'end-color': map
|
|
584
|
+
'start-color': map.get($cyan, accent-2),
|
|
585
|
+
'end-color': map.get($cyan, accent-3)
|
|
585
586
|
),
|
|
586
587
|
gradient-yellow-teal: (
|
|
587
|
-
'start-color': map
|
|
588
|
-
'end-color': map
|
|
588
|
+
'start-color': map.get($yellow, lighten-4),
|
|
589
|
+
'end-color': map.get($teal, accent-2)
|
|
589
590
|
),
|
|
590
591
|
gradient-purple-deep-purple: (
|
|
591
|
-
'start-color': map
|
|
592
|
-
'end-color': map
|
|
592
|
+
'start-color': map.get($purple, darken-2),
|
|
593
|
+
'end-color': map.get($deep-purple, accent-2)
|
|
593
594
|
),
|
|
594
595
|
gradient-cyan-light-green: (
|
|
595
|
-
'start-color': map
|
|
596
|
-
'end-color': map
|
|
596
|
+
'start-color': map.get($cyan, accent-3),
|
|
597
|
+
'end-color': map.get($light-green, accent-1)
|
|
597
598
|
),
|
|
598
599
|
gradient-purple-amber: (
|
|
599
|
-
'start-color': map
|
|
600
|
-
'end-color': map
|
|
600
|
+
'start-color': map.get($purple, accent-3),
|
|
601
|
+
'end-color': map.get($amber, darken-2)
|
|
601
602
|
),
|
|
602
603
|
gradient-indigo-purple: (
|
|
603
|
-
'start-color': map
|
|
604
|
-
'end-color': map
|
|
604
|
+
'start-color': map.get($indigo, darken-2),
|
|
605
|
+
'end-color': map.get($purple, darken-2)
|
|
605
606
|
),
|
|
606
607
|
gradient-deep-purple-blue: (
|
|
607
|
-
'start-color': map
|
|
608
|
-
'end-color': map
|
|
608
|
+
'start-color': map.get($deep-purple, accent-4),
|
|
609
|
+
'end-color': map.get($blue, darken-2)
|
|
609
610
|
),
|
|
610
611
|
gradient-deep-orange-orange: (
|
|
611
|
-
'start-color': map
|
|
612
|
-
'end-color': map
|
|
612
|
+
'start-color': map.get($deep-orange, darken-4),
|
|
613
|
+
'end-color': map.get($orange, darken-2)
|
|
613
614
|
),
|
|
614
615
|
gradient-light-blue-cyan: (
|
|
615
|
-
'start-color': map
|
|
616
|
-
'end-color': map
|
|
616
|
+
'start-color': map.get($light-blue, darken-2),
|
|
617
|
+
'end-color': map.get($cyan, lighten-1)
|
|
617
618
|
),
|
|
618
619
|
gradient-blue-indigo: (
|
|
619
|
-
'start-color': map
|
|
620
|
-
'end-color': map
|
|
620
|
+
'start-color': map.get($blue, accent-4),
|
|
621
|
+
'end-color': map.get($indigo, darken-1)
|
|
621
622
|
),
|
|
622
623
|
gradient-strawberry: (
|
|
623
624
|
'start-color': rgb(254 11 70),
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use 'app-colors-variables' as *;
|
|
1
3
|
/* Product list page color */
|
|
2
|
-
|
|
4
|
+
|
|
5
|
+
$ng-primary-color: map.get($primary, base);
|
|
3
6
|
|
|
4
7
|
/* Prime page border color */
|
|
5
8
|
$ng-gray: rgb(249 249 249);
|
|
@@ -43,7 +46,7 @@ $toastIcon2: rgb(218 25 0);
|
|
|
43
46
|
$toast-msg-success: rgb(33 33 33);
|
|
44
47
|
|
|
45
48
|
/* background-color */
|
|
46
|
-
$toast-msg-success-bg: map
|
|
49
|
+
$toast-msg-success-bg: map.get($primary, base);
|
|
47
50
|
|
|
48
51
|
/* prime warning message color and border color */
|
|
49
52
|
$toast-msg-warning: rgb(255 240 210);
|