@snyk-mktg/brand-ui 2.3.20 → 2.4.1
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 +12 -12
- package/dist/css/base.css.map +1 -1
- package/dist/css/bundle.css +34 -15
- 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 +185 -27
- package/dist/css/evo-bundle.css.map +1 -1
- package/dist/css/index.css +1 -1
- package/dist/css/index.css.map +1 -1
- package/dist/css/labs-bundle.css +37 -18
- package/dist/css/labs-bundle.css.map +1 -1
- package/dist/css/utilities.css +1 -1
- package/dist/css/utilities.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/base/variables/_typography.scss +11 -11
- package/package.json +1 -1
package/dist/css/bundle.css
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
/* The bundle of all BrandUI styles */
|
|
3
3
|
@font-face {
|
|
4
4
|
font-family: "brandui-icons";
|
|
5
|
-
src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.
|
|
6
|
-
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.10/brandui-icons.eot");
|
|
6
|
+
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");
|
|
7
7
|
font-weight: normal;
|
|
8
8
|
font-style: normal;
|
|
9
9
|
font-display: block;
|
|
@@ -5108,7 +5108,7 @@ cite {
|
|
|
5108
5108
|
}
|
|
5109
5109
|
|
|
5110
5110
|
.txt-hero-title-large {
|
|
5111
|
-
font-family: "Big Shoulders
|
|
5111
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5112
5112
|
font-size: 5.625rem;
|
|
5113
5113
|
font-weight: 900;
|
|
5114
5114
|
letter-spacing: -0.01em;
|
|
@@ -5118,7 +5118,7 @@ cite {
|
|
|
5118
5118
|
}
|
|
5119
5119
|
@media (max-width: 768px) {
|
|
5120
5120
|
.txt-hero-title-large {
|
|
5121
|
-
font-family: "Big Shoulders
|
|
5121
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5122
5122
|
font-size: 3.125rem;
|
|
5123
5123
|
font-weight: 900;
|
|
5124
5124
|
letter-spacing: -0.01em;
|
|
@@ -5128,7 +5128,7 @@ cite {
|
|
|
5128
5128
|
}
|
|
5129
5129
|
|
|
5130
5130
|
.txt-hero-title-small {
|
|
5131
|
-
font-family: "Big Shoulders
|
|
5131
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5132
5132
|
font-size: 3.125rem;
|
|
5133
5133
|
font-weight: 900;
|
|
5134
5134
|
letter-spacing: -0.01em;
|
|
@@ -5138,7 +5138,7 @@ cite {
|
|
|
5138
5138
|
}
|
|
5139
5139
|
@media (max-width: 768px) {
|
|
5140
5140
|
.txt-hero-title-small {
|
|
5141
|
-
font-family: "Big Shoulders
|
|
5141
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5142
5142
|
font-size: 3.125rem;
|
|
5143
5143
|
font-weight: 900;
|
|
5144
5144
|
letter-spacing: -0.01em;
|
|
@@ -5148,7 +5148,7 @@ cite {
|
|
|
5148
5148
|
}
|
|
5149
5149
|
|
|
5150
5150
|
.txt-page-title-large {
|
|
5151
|
-
font-family: "Big Shoulders
|
|
5151
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5152
5152
|
font-size: 4.375rem;
|
|
5153
5153
|
font-weight: 900;
|
|
5154
5154
|
letter-spacing: -0.01em;
|
|
@@ -5158,7 +5158,7 @@ cite {
|
|
|
5158
5158
|
}
|
|
5159
5159
|
@media (max-width: 768px) {
|
|
5160
5160
|
.txt-page-title-large {
|
|
5161
|
-
font-family: "Big Shoulders
|
|
5161
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5162
5162
|
font-size: 3.125rem;
|
|
5163
5163
|
font-weight: 900;
|
|
5164
5164
|
letter-spacing: -0.01em;
|
|
@@ -5168,7 +5168,7 @@ cite {
|
|
|
5168
5168
|
}
|
|
5169
5169
|
|
|
5170
5170
|
.txt-page-title {
|
|
5171
|
-
font-family: "Big Shoulders
|
|
5171
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5172
5172
|
font-size: 3rem;
|
|
5173
5173
|
font-weight: 900;
|
|
5174
5174
|
letter-spacing: -0.01em;
|
|
@@ -5178,7 +5178,7 @@ cite {
|
|
|
5178
5178
|
}
|
|
5179
5179
|
@media (max-width: 768px) {
|
|
5180
5180
|
.txt-page-title {
|
|
5181
|
-
font-family: "Big Shoulders
|
|
5181
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5182
5182
|
font-size: 3.125rem;
|
|
5183
5183
|
font-weight: 900;
|
|
5184
5184
|
letter-spacing: -0.01em;
|
|
@@ -5188,7 +5188,7 @@ cite {
|
|
|
5188
5188
|
}
|
|
5189
5189
|
|
|
5190
5190
|
.txt-section-title {
|
|
5191
|
-
font-family: "Big Shoulders
|
|
5191
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5192
5192
|
font-size: 3rem;
|
|
5193
5193
|
font-weight: 900;
|
|
5194
5194
|
letter-spacing: -0.01em;
|
|
@@ -5198,7 +5198,7 @@ cite {
|
|
|
5198
5198
|
}
|
|
5199
5199
|
@media (max-width: 768px) {
|
|
5200
5200
|
.txt-section-title {
|
|
5201
|
-
font-family: "Big Shoulders
|
|
5201
|
+
font-family: "Big Shoulders", sans-serif;
|
|
5202
5202
|
font-size: 3.125rem;
|
|
5203
5203
|
font-weight: 900;
|
|
5204
5204
|
letter-spacing: -0.01em;
|
|
@@ -21886,6 +21886,9 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
|
|
|
21886
21886
|
.general-icon.icon-glassdoor:before {
|
|
21887
21887
|
content: "\e920";
|
|
21888
21888
|
}
|
|
21889
|
+
.general-icon.icon-glossary:before {
|
|
21890
|
+
content: "\e97e";
|
|
21891
|
+
}
|
|
21889
21892
|
.general-icon.icon-google:before {
|
|
21890
21893
|
content: "\e921";
|
|
21891
21894
|
}
|
|
@@ -28639,6 +28642,7 @@ a.tag:focus {
|
|
|
28639
28642
|
-webkit-text-fill-color: transparent;
|
|
28640
28643
|
}
|
|
28641
28644
|
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
28645
|
+
background: linear-gradient(140deg, #ff8904, #ff0ff3);
|
|
28642
28646
|
position: absolute;
|
|
28643
28647
|
top: 0;
|
|
28644
28648
|
right: -10px;
|
|
@@ -28646,11 +28650,26 @@ a.tag:focus {
|
|
|
28646
28650
|
border-radius: 0.125rem;
|
|
28647
28651
|
padding: 0.125rem;
|
|
28648
28652
|
}
|
|
28649
|
-
|
|
28650
|
-
|
|
28653
|
+
@media (max-width: 1024px) {
|
|
28654
|
+
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
28655
|
+
right: unset;
|
|
28656
|
+
left: 30px;
|
|
28657
|
+
}
|
|
28651
28658
|
}
|
|
28652
28659
|
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
28653
28660
|
background: linear-gradient(140deg, #ff8904, #ff0ff3);
|
|
28661
|
+
position: absolute;
|
|
28662
|
+
top: 0;
|
|
28663
|
+
right: -10px;
|
|
28664
|
+
font-size: 9px;
|
|
28665
|
+
border-radius: 0.125rem;
|
|
28666
|
+
padding: 0.125rem;
|
|
28667
|
+
}
|
|
28668
|
+
@media (max-width: 1024px) {
|
|
28669
|
+
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
|
|
28670
|
+
right: unset;
|
|
28671
|
+
left: 30px;
|
|
28672
|
+
}
|
|
28654
28673
|
}
|
|
28655
28674
|
.brandui-navigation .navigation-item .nav-link:hover .new-evo-feature-tag, .brandui-navigation .navigation-item .nav-link:focus .new-evo-feature-tag {
|
|
28656
28675
|
color: #f6f7fb;
|
|
@@ -35684,7 +35703,7 @@ The rich text class applies default styling to HTML when you cannot apply class
|
|
|
35684
35703
|
}
|
|
35685
35704
|
.txt-rich h1:not([class]),
|
|
35686
35705
|
.txt-rich-long h1:not([class]) {
|
|
35687
|
-
font-family: "Big Shoulders
|
|
35706
|
+
font-family: "Big Shoulders";
|
|
35688
35707
|
font-size: 3rem;
|
|
35689
35708
|
font-weight: 900;
|
|
35690
35709
|
letter-spacing: -0.01em;
|