@snyk-mktg/brand-ui 2.3.19 → 2.4.0
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/dist/css/base.css +2 -2
- package/dist/css/base.css.map +1 -1
- package/dist/css/bundle.css +23 -4
- package/dist/css/bundle.css.map +1 -1
- package/dist/css/components.css +21 -2
- package/dist/css/components.css.map +1 -1
- package/dist/css/evo-bundle.css +184 -26
- package/dist/css/evo-bundle.css.map +1 -1
- package/dist/css/labs-bundle.css +26 -7
- package/dist/css/labs-bundle.css.map +1 -1
- package/dist/js/types/icons.d.ts +1 -1
- package/dist/js/utilities/icons.js +1 -0
- package/dist/scss/base/_fonts.scss +4 -4
- package/dist/scss/base/variables/_icons.scss +1 -0
- package/dist/scss/evo/base/decorations/_glows.scss +43 -16
- package/dist/scss/evo/base/variables/_typography.scss +6 -4
- package/dist/scss/evo/components/misc/_embed.scss +9 -0
- package/dist/scss/evo/components/molecules/cards/_card.scss +1 -0
- package/dist/scss/labs/components/molecules/_announcements.scss +2 -1
- package/package.json +1 -1
package/dist/css/labs-bundle.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
@font-face {
|
|
3
3
|
font-family: "brandui-icons";
|
|
4
|
-
src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.
|
|
5
|
-
src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.
|
|
4
|
+
src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.eot");
|
|
5
|
+
src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.eot#iefix") format("embedded-opentype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.ttf") format("truetype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.woff") format("woff");
|
|
6
6
|
font-weight: normal;
|
|
7
7
|
font-style: normal;
|
|
8
8
|
font-display: block;
|
|
@@ -22497,6 +22497,9 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
|
|
|
22497
22497
|
.general-icon.icon-glassdoor:before {
|
|
22498
22498
|
content: "\e920";
|
|
22499
22499
|
}
|
|
22500
|
+
.general-icon.icon-glossary:before {
|
|
22501
|
+
content: "\e97e";
|
|
22502
|
+
}
|
|
22500
22503
|
.general-icon.icon-google:before {
|
|
22501
22504
|
content: "\e921";
|
|
22502
22505
|
}
|
|
@@ -28568,13 +28571,13 @@ a.tag:focus {
|
|
|
28568
28571
|
.announcement-link.dark-mode, .dark-mode .announcement-link {
|
|
28569
28572
|
color: #01011e;
|
|
28570
28573
|
}
|
|
28571
|
-
.announcement-link:hover {
|
|
28574
|
+
.announcement-link:hover, .announcement-link:focus {
|
|
28572
28575
|
text-decoration: underline;
|
|
28573
28576
|
}
|
|
28574
|
-
.announcement-link:hover {
|
|
28577
|
+
.announcement-link:hover, .announcement-link:focus {
|
|
28575
28578
|
color: #fff;
|
|
28576
28579
|
}
|
|
28577
|
-
.announcement-link:hover.dark-mode, .dark-mode .announcement-link:hover {
|
|
28580
|
+
.announcement-link:hover.dark-mode, .dark-mode .announcement-link:hover, .announcement-link:focus.dark-mode, .dark-mode .announcement-link:focus {
|
|
28578
28581
|
color: #01011e;
|
|
28579
28582
|
}
|
|
28580
28583
|
.announcement-link:before {
|
|
@@ -29629,6 +29632,7 @@ a.tag:focus {
|
|
|
29629
29632
|
-webkit-text-fill-color: transparent;
|
|
29630
29633
|
}
|
|
29631
29634
|
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
29635
|
+
background: linear-gradient(140deg, #ff8904, #ff0ff3);
|
|
29632
29636
|
position: absolute;
|
|
29633
29637
|
top: 0;
|
|
29634
29638
|
right: -10px;
|
|
@@ -29636,11 +29640,26 @@ a.tag:focus {
|
|
|
29636
29640
|
border-radius: 0.125rem;
|
|
29637
29641
|
padding: 0.125rem;
|
|
29638
29642
|
}
|
|
29639
|
-
|
|
29640
|
-
|
|
29643
|
+
@media (max-width: 1024px) {
|
|
29644
|
+
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
29645
|
+
right: unset;
|
|
29646
|
+
left: 30px;
|
|
29647
|
+
}
|
|
29641
29648
|
}
|
|
29642
29649
|
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
29643
29650
|
background: linear-gradient(140deg, #ff8904, #ff0ff3);
|
|
29651
|
+
position: absolute;
|
|
29652
|
+
top: 0;
|
|
29653
|
+
right: -10px;
|
|
29654
|
+
font-size: 9px;
|
|
29655
|
+
border-radius: 0.125rem;
|
|
29656
|
+
padding: 0.125rem;
|
|
29657
|
+
}
|
|
29658
|
+
@media (max-width: 1024px) {
|
|
29659
|
+
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
29660
|
+
right: unset;
|
|
29661
|
+
left: 30px;
|
|
29662
|
+
}
|
|
29644
29663
|
}
|
|
29645
29664
|
.brandui-navigation .navigation-item .nav-link:hover .new-evo-feature-tag, .brandui-navigation .navigation-item .nav-link:focus .new-evo-feature-tag {
|
|
29646
29665
|
color: #f6f7fb;
|