diff --git a/apps/daffio/src/app/content/why-pwa/components/feature-comparison/feature-comparison.component.scss b/apps/daffio/src/app/content/why-pwa/components/feature-comparison/feature-comparison.component.scss index 04d7dc2d93..cc4adafd87 100644 --- a/apps/daffio/src/app/content/why-pwa/components/feature-comparison/feature-comparison.component.scss +++ b/apps/daffio/src/app/content/why-pwa/components/feature-comparison/feature-comparison.component.scss @@ -13,9 +13,9 @@ &__header { @include comparison-cell(); - @include daff.embolden(); align-items: flex-start; font-size: 0.75rem; + font-weight: bold; padding: 15px 5px; text-transform: uppercase; diff --git a/apps/daffio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.component.html b/apps/daffio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.component.html index f11bf82239..2c4abe2db5 100644 --- a/apps/daffio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.component.html +++ b/apps/daffio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.component.html @@ -4,7 +4,7 @@ A new level of quality to help scale your business

- Progressive Web Apps are the future to offering fast, integrated, reliable, and engaging mobile shopping experiences. + Progressive Web Apps are the future to offering fast, integrated, reliable, and engaging mobile shopping experiences.

diff --git a/apps/daffio/src/app/core/footer/footer/footer.component.scss b/apps/daffio/src/app/core/footer/footer/footer.component.scss index 039ee37289..5f439cc94c 100644 --- a/apps/daffio/src/app/core/footer/footer/footer.component.scss +++ b/apps/daffio/src/app/core/footer/footer/footer.component.scss @@ -66,10 +66,10 @@ } &__link { - @include daff.embolden(); display: flex; align-items: center; gap: 8px; + font-weight: bold; text-decoration: none; text-transform: uppercase; } diff --git a/apps/daffio/src/app/docs/components/table-of-contents/table-of-contents.component.scss b/apps/daffio/src/app/docs/components/table-of-contents/table-of-contents.component.scss index 869f710204..4fcfd494bf 100644 --- a/apps/daffio/src/app/docs/components/table-of-contents/table-of-contents.component.scss +++ b/apps/daffio/src/app/docs/components/table-of-contents/table-of-contents.component.scss @@ -11,7 +11,7 @@ top: calc(var(--daff-sidebar-side-fixed-top-shift) + 96px); &__title { - @include daff.embolden(); + font-weight: bold; margin: 0 0 24px; } diff --git a/apps/daffio/src/app/newsletter/newsletter.component.scss b/apps/daffio/src/app/newsletter/newsletter.component.scss index 8218836b37..1cca1391ff 100644 --- a/apps/daffio/src/app/newsletter/newsletter.component.scss +++ b/apps/daffio/src/app/newsletter/newsletter.component.scss @@ -2,10 +2,10 @@ .daffio-newsletter { &__header { - @include daff.embolden(); - text-transform: uppercase; font-size: 1rem; + font-weight: bold; padding: 0 0 24px; + text-transform: uppercase; } &__content { diff --git a/apps/demo/src/app/cart/components/add-to-cart-notification/components/add-to-cart-notification/add-to-cart-notification.component.scss b/apps/demo/src/app/cart/components/add-to-cart-notification/components/add-to-cart-notification/add-to-cart-notification.component.scss index b3b831225c..c65a4385ee 100644 --- a/apps/demo/src/app/cart/components/add-to-cart-notification/components/add-to-cart-notification/add-to-cart-notification.component.scss +++ b/apps/demo/src/app/cart/components/add-to-cart-notification/components/add-to-cart-notification/add-to-cart-notification.component.scss @@ -12,7 +12,7 @@ } &__header { - @include embolden(); + font-weight: bold; margin-bottom: 25px; text-transform: uppercase; } diff --git a/apps/demo/src/app/cart/components/add-to-cart-notification/components/product-added/product-added.component.scss b/apps/demo/src/app/cart/components/add-to-cart-notification/components/product-added/product-added.component.scss index fce5543dab..03b56fe380 100644 --- a/apps/demo/src/app/cart/components/add-to-cart-notification/components/product-added/product-added.component.scss +++ b/apps/demo/src/app/cart/components/add-to-cart-notification/components/product-added/product-added.component.scss @@ -16,10 +16,10 @@ } &__name { + @include clickable(); font-size: $medium-font-size; + font-weight: bold; margin-bottom: 5px; - @include embolden(); - @include clickable(); } &__price { diff --git a/apps/demo/src/app/cart/components/cart-item/cart-item.component.html b/apps/demo/src/app/cart/components/cart-item/cart-item.component.html index 8f5f143347..ae952efad5 100644 --- a/apps/demo/src/app/cart/components/cart-item/cart-item.component.html +++ b/apps/demo/src/app/cart/components/cart-item/cart-item.component.html @@ -4,10 +4,10 @@
{{item.name}}
${{item.price}}
- Color: White (HC)
+ Color: White (HC)
- Size: 5 (HC)
+ Size: 5 (HC)
Qty: diff --git a/apps/demo/src/app/cart/components/cart-item/cart-item.component.scss b/apps/demo/src/app/cart/components/cart-item/cart-item.component.scss index 69c0bcb549..da6ee26ac2 100644 --- a/apps/demo/src/app/cart/components/cart-item/cart-item.component.scss +++ b/apps/demo/src/app/cart/components/cart-item/cart-item.component.scss @@ -21,7 +21,7 @@ &__name { cursor: pointer; font-size: 1rem; - @include embolden(); + font-weight: bold; @include breakpoint(big-tablet) { margin-bottom: 15px; @@ -40,7 +40,7 @@ &__mobile-qty { display: inline; - @include embolden(); + font-weight: bold; @include breakpoint(big-tablet) { display: none; @@ -90,6 +90,10 @@ grid-area: attribute; } + &__attribute-label { + font-weight: bold; + } + &__size { grid-area: size; } diff --git a/apps/demo/src/app/cart/components/cart-sidebar/cart-sidebar.component.scss b/apps/demo/src/app/cart/components/cart-sidebar/cart-sidebar.component.scss index 5698673fe8..396da511d7 100644 --- a/apps/demo/src/app/cart/components/cart-sidebar/cart-sidebar.component.scss +++ b/apps/demo/src/app/cart/components/cart-sidebar/cart-sidebar.component.scss @@ -12,7 +12,7 @@ } &__title { - @include embolden(); + font-weight: bold; display: none; text-transform: uppercase; diff --git a/apps/demo/src/app/cart/components/cart-summary/cart-summary.component.scss b/apps/demo/src/app/cart/components/cart-summary/cart-summary.component.scss index 1d78a5e391..8a1e0275ec 100644 --- a/apps/demo/src/app/cart/components/cart-summary/cart-summary.component.scss +++ b/apps/demo/src/app/cart/components/cart-summary/cart-summary.component.scss @@ -19,7 +19,7 @@ } &__title { - @include embolden(); + font-weight: bold; } &__minicart { diff --git a/apps/demo/src/app/cart/components/cart-totals-item/cart-totals-item.component.scss b/apps/demo/src/app/cart/components/cart-totals-item/cart-totals-item.component.scss index 115815eb53..0a1f225326 100644 --- a/apps/demo/src/app/cart/components/cart-totals-item/cart-totals-item.component.scss +++ b/apps/demo/src/app/cart/components/cart-totals-item/cart-totals-item.component.scss @@ -14,7 +14,7 @@ } &.emphasize { /* stylelint-disable-line selector-class-pattern */ - @include embolden(); + font-weight: bold; text-transform: uppercase; } } diff --git a/apps/demo/src/app/cart/components/cart/cart.component.scss b/apps/demo/src/app/cart/components/cart/cart.component.scss index ac49961920..35475506ba 100644 --- a/apps/demo/src/app/cart/components/cart/cart.component.scss +++ b/apps/demo/src/app/cart/components/cart/cart.component.scss @@ -26,7 +26,7 @@ } &__title { - @include embolden(); + font-weight: bold; text-transform: uppercase; } diff --git a/apps/demo/src/app/cart/components/minicart-item/minicart-item.component.scss b/apps/demo/src/app/cart/components/minicart-item/minicart-item.component.scss index 2e06a10a6f..ee55adb380 100644 --- a/apps/demo/src/app/cart/components/minicart-item/minicart-item.component.scss +++ b/apps/demo/src/app/cart/components/minicart-item/minicart-item.component.scss @@ -20,8 +20,8 @@ } &__name { - @include embolden(); @include clickable(); + font-weight: bold; } &__price { diff --git a/apps/demo/src/app/checkout/components/payment/billing-summary/billing-summary.component.scss b/apps/demo/src/app/checkout/components/payment/billing-summary/billing-summary.component.scss index a23fc3358c..1956a12506 100644 --- a/apps/demo/src/app/checkout/components/payment/billing-summary/billing-summary.component.scss +++ b/apps/demo/src/app/checkout/components/payment/billing-summary/billing-summary.component.scss @@ -4,7 +4,7 @@ font-size: $small-font-size; &__title { - @include embolden(); + font-weight: bold; margin: 15px 0 5px; } } diff --git a/apps/demo/src/app/checkout/components/payment/payment-form/payment-form.component.scss b/apps/demo/src/app/checkout/components/payment/payment-form/payment-form.component.scss index 0acbcbd724..00c74164ae 100644 --- a/apps/demo/src/app/checkout/components/payment/payment-form/payment-form.component.scss +++ b/apps/demo/src/app/checkout/components/payment/payment-form/payment-form.component.scss @@ -10,13 +10,13 @@ } &__title { - @include embolden(); + font-weight: bold; margin-bottom: 15px; text-transform: uppercase; } &__subtitle { - @include embolden(); + font-weight: bold; margin-bottom: 15px; } diff --git a/apps/demo/src/app/checkout/components/payment/payment-summary/payment-summary.component.scss b/apps/demo/src/app/checkout/components/payment/payment-summary/payment-summary.component.scss index 1beafa994d..e7b81f7d1b 100644 --- a/apps/demo/src/app/checkout/components/payment/payment-summary/payment-summary.component.scss +++ b/apps/demo/src/app/checkout/components/payment/payment-summary/payment-summary.component.scss @@ -22,14 +22,14 @@ &__title { grid-area: title; - @include embolden(); font-size: 1rem; + font-weight: bold; margin-bottom: 15px; text-transform: uppercase; } &__method-title { - @include embolden(); + font-weight: bold; grid-area: method-title; } diff --git a/apps/demo/src/app/checkout/components/shipping-address/form/shipping-address-form.component.scss b/apps/demo/src/app/checkout/components/shipping-address/form/shipping-address-form.component.scss index 519888e335..ec9ef8d9f1 100644 --- a/apps/demo/src/app/checkout/components/shipping-address/form/shipping-address-form.component.scss +++ b/apps/demo/src/app/checkout/components/shipping-address/form/shipping-address-form.component.scss @@ -5,7 +5,7 @@ flex-direction: column; &__title { - @include embolden(); + font-weight: bold; margin-bottom: 15px; text-transform: uppercase; } diff --git a/apps/demo/src/app/checkout/components/shipping-address/summary/shipping-address-summary.component.scss b/apps/demo/src/app/checkout/components/shipping-address/summary/shipping-address-summary.component.scss index 625d7f7cd6..0a9046d28d 100644 --- a/apps/demo/src/app/checkout/components/shipping-address/summary/shipping-address-summary.component.scss +++ b/apps/demo/src/app/checkout/components/shipping-address/summary/shipping-address-summary.component.scss @@ -21,8 +21,8 @@ } &__title { - @include embolden(); font-size: 1rem; + font-weight: bold; margin-bottom: 15px; text-transform: uppercase; grid-area: title; @@ -47,9 +47,9 @@ } &__subtitle { - margin: 15px 0 5px; - @include embolden(); grid-area: subtitle; + font-weight: bold; + margin: 15px 0 5px; } &__shipping-option { diff --git a/apps/demo/src/app/checkout/components/shipping/shipping-form/shipping-form.component.scss b/apps/demo/src/app/checkout/components/shipping/shipping-form/shipping-form.component.scss index 5ab13b9b57..2403b2d239 100644 --- a/apps/demo/src/app/checkout/components/shipping/shipping-form/shipping-form.component.scss +++ b/apps/demo/src/app/checkout/components/shipping/shipping-form/shipping-form.component.scss @@ -5,7 +5,7 @@ flex-direction: column; &__title { - @include embolden(); + font-weight: bold; margin-bottom: 15px; text-transform: uppercase; } diff --git a/apps/demo/src/app/checkout/components/shipping/shipping-options/components/shipping-options/shipping-options.component.scss b/apps/demo/src/app/checkout/components/shipping/shipping-options/components/shipping-options/shipping-options.component.scss index ab1a762f7c..d6f9179984 100644 --- a/apps/demo/src/app/checkout/components/shipping/shipping-options/components/shipping-options/shipping-options.component.scss +++ b/apps/demo/src/app/checkout/components/shipping/shipping-options/components/shipping-options/shipping-options.component.scss @@ -17,7 +17,7 @@ } legend { - @include embolden(); + font-weight: bold; font-size: 1rem; margin-right: 15px; } diff --git a/apps/demo/src/app/checkout/components/shipping/shipping-summary/shipping-summary.component.scss b/apps/demo/src/app/checkout/components/shipping/shipping-summary/shipping-summary.component.scss index 2e257ad582..280a66e9cd 100644 --- a/apps/demo/src/app/checkout/components/shipping/shipping-summary/shipping-summary.component.scss +++ b/apps/demo/src/app/checkout/components/shipping/shipping-summary/shipping-summary.component.scss @@ -21,8 +21,8 @@ } &__title { - @include embolden(); font-size: 1rem; + font-weight: bold; margin-bottom: 15px; text-transform: uppercase; grid-area: title; @@ -48,7 +48,7 @@ &__subtitle { margin: 15px 0 5px; - @include embolden(); + font-weight: bold; grid-area: subtitle; } diff --git a/apps/demo/src/app/misc/help-box/help-box.component.scss b/apps/demo/src/app/misc/help-box/help-box.component.scss index 36d66e7856..7c4b03621e 100644 --- a/apps/demo/src/app/misc/help-box/help-box.component.scss +++ b/apps/demo/src/app/misc/help-box/help-box.component.scss @@ -6,7 +6,7 @@ padding: 25px; &__title { - @include embolden(); + font-weight: bold; margin-bottom: 15px; } diff --git a/apps/demo/src/app/misc/not-found/not-found.component.scss b/apps/demo/src/app/misc/not-found/not-found.component.scss index 65d6a3da83..ca5a3776b0 100644 --- a/apps/demo/src/app/misc/not-found/not-found.component.scss +++ b/apps/demo/src/app/misc/not-found/not-found.component.scss @@ -8,7 +8,7 @@ } &__text { - @include embolden(); + font-weight: bold; margin-bottom: 50px; text-align: center; text-transform: uppercase; diff --git a/apps/demo/src/app/newsletter/newsletter.component.scss b/apps/demo/src/app/newsletter/newsletter.component.scss index ad8511d896..24b7417c02 100644 --- a/apps/demo/src/app/newsletter/newsletter.component.scss +++ b/apps/demo/src/app/newsletter/newsletter.component.scss @@ -32,7 +32,7 @@ } &__title { - @include embolden(); + font-weight: bold; font-size: 1.5rem; margin: 0; padding-bottom: 15px; diff --git a/apps/demo/src/app/product/components/product-card/product-card.component.scss b/apps/demo/src/app/product/components/product-card/product-card.component.scss index efe0b025db..8b88224477 100644 --- a/apps/demo/src/app/product/components/product-card/product-card.component.scss +++ b/apps/demo/src/app/product/components/product-card/product-card.component.scss @@ -10,7 +10,7 @@ } &__brand { - @include embolden(); + font-weight: bold; text-transform: uppercase; } diff --git a/apps/demo/src/app/product/components/product/product.component.scss b/apps/demo/src/app/product/components/product/product.component.scss index 00689635d6..11062a4132 100644 --- a/apps/demo/src/app/product/components/product/product.component.scss +++ b/apps/demo/src/app/product/components/product/product.component.scss @@ -56,8 +56,8 @@ } &__name { - @include embolden(); font-size: $large-font-size; + font-weight: bold; padding: 5px 0; } diff --git a/apps/demo/src/app/product/containers/best-sellers/best-sellers.component.scss b/apps/demo/src/app/product/containers/best-sellers/best-sellers.component.scss index b8a3b2028c..5e299d797f 100644 --- a/apps/demo/src/app/product/containers/best-sellers/best-sellers.component.scss +++ b/apps/demo/src/app/product/containers/best-sellers/best-sellers.component.scss @@ -2,7 +2,7 @@ .demo-best-sellers { &__title { - @include embolden(); + font-weight: bold; font-size: $medium-font-size; margin-bottom: 30px; text-align: center; diff --git a/apps/demo/src/app/thank-you/components/thank-you/thank-you.component.scss b/apps/demo/src/app/thank-you/components/thank-you/thank-you.component.scss index 78e0cf5491..a69ec9f0c2 100644 --- a/apps/demo/src/app/thank-you/components/thank-you/thank-you.component.scss +++ b/apps/demo/src/app/thank-you/components/thank-you/thank-you.component.scss @@ -12,7 +12,7 @@ } &__title { - @include embolden(); + font-weight: bold; text-transform: uppercase; } @@ -20,7 +20,7 @@ margin: 25px 0 50px; span { - @include embolden(); + font-weight: bold; } } } diff --git a/apps/design-land/src/app/navbar/navbar.component.scss b/apps/design-land/src/app/navbar/navbar.component.scss index 27fe0f490d..d2750c5f97 100644 --- a/apps/design-land/src/app/navbar/navbar.component.scss +++ b/apps/design-land/src/app/navbar/navbar.component.scss @@ -5,7 +5,7 @@ justify-content: space-between; &__link { - @include embolden(); + font-weight: bold; font-size: 1.125rem; padding: 0 15px; text-decoration: none; diff --git a/libs/design/article/src/article/article.component.scss b/libs/design/article/src/article/article.component.scss index 516a51f4cd..79152b96c9 100644 --- a/libs/design/article/src/article/article.component.scss +++ b/libs/design/article/src/article/article.component.scss @@ -75,7 +75,7 @@ } strong { - @include t.embolden; + font-weight: bold; } pre { diff --git a/libs/design/callout/src/callout/callout.component.scss b/libs/design/callout/src/callout/callout.component.scss index 1a1ef51de1..5267a1fc73 100644 --- a/libs/design/callout/src/callout/callout.component.scss +++ b/libs/design/callout/src/callout/callout.component.scss @@ -21,8 +21,8 @@ } &__title { - @include t.embolden; font-size: 1.75rem; + font-weight: bold; line-height: 2rem; margin: 0; max-width: 1040px; diff --git a/libs/design/guides/foundations/typography.md b/libs/design/guides/foundations/typography.md index 3db5a0ea84..e843b4ef8a 100644 --- a/libs/design/guides/foundations/typography.md +++ b/libs/design/guides/foundations/typography.md @@ -66,7 +66,6 @@ The headline mixins are responsive and will adjust at the `tablet` breakpoint. | Class/Mixin | Description | | ------------- | ---------------------------------------------------------------------------- | -| embolden | Changes the weight of text to 700 | | uppercase | Changes the casing of a piece of text to uppercase | | text-truncate | Forces a line of text to ellipsis once it reaches the width of its container | diff --git a/libs/design/hero/src/hero/hero.component.scss b/libs/design/hero/src/hero/hero.component.scss index 315397beb2..ae40d5aeae 100644 --- a/libs/design/hero/src/hero/hero.component.scss +++ b/libs/design/hero/src/hero/hero.component.scss @@ -21,8 +21,8 @@ } &__title { - @include t.embolden; font-size: 2.5rem; + font-weight: bold; line-height: 2.5rem; margin: 0; max-width: 1040px; diff --git a/libs/design/link-set/src/link-set/link-set.component.scss b/libs/design/link-set/src/link-set/link-set.component.scss index e7b8ba65ed..12a172762c 100644 --- a/libs/design/link-set/src/link-set/link-set.component.scss +++ b/libs/design/link-set/src/link-set/link-set.component.scss @@ -7,9 +7,9 @@ padding: 0; &__heading { - @include t.embolden; display: block; font-size: 1rem; + font-weight: bold; line-height: 1em; margin-bottom: 15px; text-transform: uppercase; diff --git a/libs/design/list/src/list/list.component.scss b/libs/design/list/src/list/list.component.scss index 80ba580917..16b08ef194 100644 --- a/libs/design/list/src/list/list.component.scss +++ b/libs/design/list/src/list/list.component.scss @@ -19,8 +19,8 @@ flex-grow: 1; *:nth-child(1) { // stylelint-disable-line scss/selector-nest-combinators - @include t.embolden; font-size: t.$normal-font-size; + font-weight: bold; line-height: 1.5em; margin: 0; padding: 0; diff --git a/libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.scss b/libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.scss index ed83591fbb..93ec3301ef 100644 --- a/libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.scss +++ b/libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.scss @@ -5,8 +5,8 @@ &__links { > * { - @include t.embolden; font-size: 1.125rem; + font-weight: bold; padding: 0 16px; text-decoration: none; text-transform: uppercase; diff --git a/libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.scss b/libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.scss index 60914581f6..626b420e5e 100644 --- a/libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.scss +++ b/libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.scss @@ -5,8 +5,8 @@ &__links { > * { - @include t.embolden; font-size: 1.125rem; + font-weight: bold; padding: 0 16px; text-decoration: none; text-transform: uppercase; diff --git a/libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.scss b/libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.scss index d7278226bd..cfbb0e8dc2 100644 --- a/libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.scss +++ b/libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.scss @@ -5,8 +5,8 @@ &__links { > * { - @include t.embolden; font-size: 1.125rem; + font-weight: bold; padding: 0 16px; text-decoration: none; text-transform: uppercase; diff --git a/libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.scss b/libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.scss index b9ad160729..97e8e22777 100644 --- a/libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.scss +++ b/libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.scss @@ -5,8 +5,8 @@ &__links { > * { - @include t.embolden; font-size: 1.125rem; + font-weight: bold; padding: 0 16px; text-decoration: none; text-transform: uppercase; diff --git a/libs/design/scss/typography/_classes.scss b/libs/design/scss/typography/_classes.scss index f22339617d..c2fb33f567 100644 --- a/libs/design/scss/typography/_classes.scss +++ b/libs/design/scss/typography/_classes.scss @@ -2,8 +2,9 @@ @use './mixins/font-weight' as *; @use './mixins/text-truncate' as *; +// @deprecated .embolden { /* stylelint-disable-line selector-class-pattern */ - @include embolden(); + font-weight: bold; } .uppercase { /* stylelint-disable-line selector-class-pattern */ diff --git a/libs/design/scss/typography/mixins/_font-weight.scss b/libs/design/scss/typography/mixins/_font-weight.scss index 42c66689a8..857af6b9c9 100644 --- a/libs/design/scss/typography/mixins/_font-weight.scss +++ b/libs/design/scss/typography/mixins/_font-weight.scss @@ -1,5 +1,7 @@ @use '../utilities/variables'; +// +// @deprecated // // @docs // diff --git a/libs/design/scss/typography/mixins/_sizes.scss b/libs/design/scss/typography/mixins/_sizes.scss index c37c4dd5d0..372a3ddc72 100644 --- a/libs/design/scss/typography/mixins/_sizes.scss +++ b/libs/design/scss/typography/mixins/_sizes.scss @@ -2,8 +2,8 @@ @use 'font-weight'; @mixin headline-xl() { - @include font-weight.embolden; font-size: 2.5rem; + font-weight: bold; line-height: 2.75rem; @include layout.breakpoint(tablet) { @@ -13,8 +13,8 @@ } @mixin headline-lg() { - @include font-weight.embolden; font-size: 2rem; + font-weight: bold; line-height: 2.25rem; @include layout.breakpoint(tablet) { @@ -24,8 +24,8 @@ } @mixin headline-md() { - @include font-weight.embolden; font-size: 1.5rem; + font-weight: bold; line-height: 1.75rem; @include layout.breakpoint(tablet) { @@ -35,8 +35,8 @@ } @mixin headline-sm() { - @include font-weight.embolden; font-size: 1.25rem; + font-weight: bold; line-height: 1.5rem; @include layout.breakpoint(tablet) {