mod-base 1.0.17 → 1.0.19-beta.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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.0.19
|
|
4
|
+
|
|
5
|
+
- Adding variables for our base typography (`h2`, `h3`, `body`) — so that our accessible components can use those instead of repeating values.
|
|
6
|
+
|
|
7
|
+
## 1.0.18
|
|
8
|
+
|
|
9
|
+
- Dark-mode updates: correct selectors list
|
|
10
|
+
|
|
3
11
|
## 1.0.17
|
|
4
12
|
|
|
5
13
|
- Dark-mode updates: updated most common used selectors list
|
package/package.json
CHANGED
|
@@ -2,6 +2,19 @@ $base-body-color: $color-charcoal8 !default;
|
|
|
2
2
|
$base-font-family: 'Roboto', sans-serif !default;
|
|
3
3
|
$base-transition: all .15s ease-in-out !default;
|
|
4
4
|
|
|
5
|
+
// Typography
|
|
6
|
+
$h2-font-size: 1.375rem !default;
|
|
7
|
+
$h2-font-size-desktop: 1.5rem !default;
|
|
8
|
+
$h2-line-height: 1.25 !default;
|
|
9
|
+
|
|
10
|
+
$h3-font-size: 1.125rem !default;
|
|
11
|
+
$h3-font-size-desktop: 1.125rem !default;
|
|
12
|
+
$h3-line-height: 1.25;
|
|
13
|
+
|
|
14
|
+
$body-font-size: 1rem !default;
|
|
15
|
+
$body-font-size-desktop: 1.125rem !default;
|
|
16
|
+
$body-line-height: 1.35 !default;
|
|
17
|
+
|
|
5
18
|
// Best Company
|
|
6
19
|
$bc-base-font-family: 'Lato', sans-serif !default;
|
|
7
20
|
$bc-secondary-font-family: 'Work Sans', sans-serif !default;
|
|
@@ -24,7 +24,7 @@ $contact-us-blue-light: #8498E7;
|
|
|
24
24
|
$color-button: $color-btn !global;
|
|
25
25
|
|
|
26
26
|
// Most common selectors list
|
|
27
|
-
$selectors: '.header,.step__title,.step__subtitle,.form,.form-radio label,.form-input,.form-input:focus,.progress-bar__content,.progress-bar__text,.progress-bar__percentage,.partners,.guarantee,.guarantee__text,.information,.information__header::before,.modal-content,.modal-content .icon-close,.matched-steps,.form--inverted .loader,.form-groups,.step__windowtype label,.form-control,.form-group__label,.step__overview,.progress-bar__title,.checkbox,#tcpa-copy,body .modal-body ul,body .modal-body p,.modal-body ul,.modal-body p,.modal-body .contact-us .step__list a,.form-group__tooltip-message,.form__qualify--step span,.form-group__city-state,.hero__background, .modal-body table tr,.form-input-group__icon, .expand-collapse__icon, .expand-collapse__label, .hero__content,.information__content,.information__block, .information__title,.
|
|
27
|
+
$selectors: '.header,.step__title,.step__subtitle,.form,.form-radio label,.form-input,.form-input:focus,.progress-bar__content,.progress-bar__text,.progress-bar__percentage,.partners,.guarantee,.guarantee__text,.information,.information__header::before,.modal-content,.modal-content .icon-close,.matched-steps,.form--inverted .loader,.form-groups,.step__windowtype label,.form-control,.form-group__label,.step__overview,.progress-bar__title,.checkbox,#tcpa-copy,body .modal-body ul,body .modal-body p,.modal-body ul,.modal-body p,.modal-body .contact-us .step__list a,.form-group__tooltip-message,.form__qualify--step span,.form-group__city-state,.hero__background, .modal-body table tr,.form-input-group__icon, .expand-collapse__icon, .expand-collapse__label, .hero__content,.information__content,.information__block, .information__title,.information__summary,.featured-block__description';
|
|
28
28
|
|
|
29
29
|
@media (prefers-color-scheme: dark){
|
|
30
30
|
body[data-color-scheme="system"] {
|