File tree Expand file tree Collapse file tree 1 file changed +25
-14
lines changed
pgml-dashboard/src/components/notifications/product/product_banner Expand file tree Collapse file tree 1 file changed +25
-14
lines changed Original file line number Diff line number Diff line change 11div [data-controller = " notifications-product-product-banner" ] {
22 margin-top : 3rem ;
33 margin-bottom : 3rem ;
4-
5- .product_high , .product_medium , .product_marketing {
4+
5+ .product_high ,
6+ .product_medium ,
7+ .product_marketing {
68 background-color : #{$gray-600 } ;
79 margin : 2px 0px ;
810 }
911
1012 .product_high {
11- border : 2px solid #{$alert-notification-high } ;
12- .title , .preset-icon {
13+ border : 1px solid #{$alert-notification-high } ;
14+
15+ .title ,
16+ .preset-icon {
1317 color : #{$alert-notification-high } ;
1418 }
19+
1520 .modal-body {
1621 border-color : #{$alert-notification-high } ;
1722 }
1823 }
1924
2025 .product_medium {
21- border : 2px solid #{$alert-notification-medium } ;
22- .title , .preset-icon {
26+ border : 1px solid #{$alert-notification-medium } ;
27+
28+ .title ,
29+ .preset-icon {
2330 color : #{$alert-notification-medium } ;
2431 }
32+
2533 .modal-body {
2634 border-color : #{$alert-notification-medium } ;
2735 }
2836 }
2937
3038 .product_marketing {
31- border : 2px solid #{$alert-notification-marketing } ;
32- .title , .preset-icon {
39+ border : 1px solid #{$alert-notification-marketing } ;
40+
41+ .title ,
42+ .preset-icon {
3343 color : #{$alert-notification-marketing } ;
3444 }
45+
3546 .modal-body {
3647 border-color : #{$alert-notification-marketing } ;
3748 }
3849 }
3950
4051 .close {
41- color : #{$gray-100 } ;
42- font-size : 24px ;
52+ color : #{$gray-100 } ;
53+ font-size : 24px ;
4354
44- & :hover {
45- color : #{$gray-200 } ;
46- }
55+ & :hover {
56+ color : #{$gray-200 } ;
57+ }
4758 }
4859
4960 .more-info {
50- color : #{$gray-100 }
61+ color : #{$gray-100 }
5162 }
5263}
You can’t perform that action at this time.
0 commit comments