refactor: Simplify hyphenation imports in multiple components

Amsterdam · Dec 10, 2024 · 1f1f12a · 1f1f12a
1 parent a437c6d
commit 1f1f12a
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 14 deletions.
diff --git a/packages/css/src/components/blockquote/blockquote.scss b/packages/css/src/components/blockquote/blockquote.scss
@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/hyphenation";
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 @mixin reset-blockquote {
@@ -21,7 +21,7 @@
   line-height: var(--ams-blockquote-line-height);
   quotes: "“" "”";
 
-  @include hyphenation.hyphenation;
+  @include hyphenation;
   @include text-rendering;
   @include reset-blockquote;
 

diff --git a/packages/css/src/components/field-set/field-set.scss b/packages/css/src/components/field-set/field-set.scss
@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/hyphenation";
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 @mixin reset-fieldset {
@@ -46,7 +46,7 @@
     --ams-field-set-legend-margin-block-end
   ); /* Because of a bug in Chrome we can’t use display grid or flex for this gap */
 
-  @include hyphenation.hyphenation;
+  @include hyphenation;
   @include text-rendering;
   @include reset-legend;
 }
diff --git a/packages/css/src/components/heading/heading.scss b/packages/css/src/components/heading/heading.scss
@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/hyphenation";
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 @mixin reset-hx {
@@ -18,7 +18,7 @@
   font-family: var(--ams-heading-font-family);
   font-weight: var(--ams-heading-font-weight);
 
-  @include hyphenation.hyphenation;
+  @include hyphenation;
   @include text-rendering;
   @include reset-hx;
 }

diff --git a/packages/css/src/components/label/label.scss b/packages/css/src/components/label/label.scss
@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/hyphenation";
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 .ams-label {
@@ -13,6 +13,6 @@
   font-weight: var(--ams-label-font-weight);
   line-height: var(--ams-label-line-height);
 
-  @include hyphenation.hyphenation;
+  @include hyphenation;
   @include text-rendering;
 }
diff --git a/packages/css/src/components/link-list/link-list.scss b/packages/css/src/components/link-list/link-list.scss
@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/hyphenation";
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 @mixin reset-ul {
@@ -50,7 +50,7 @@
   font-size: var(--ams-link-list-link-large-font-size);
   line-height: var(--ams-link-list-link-large-line-height);
 
-  @include hyphenation.hyphenation;
+  @include hyphenation;
 }
 
 .ams-link-list__link--contrast-color {

diff --git a/packages/css/src/components/page-heading/page-heading.scss b/packages/css/src/components/page-heading/page-heading.scss
@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/hyphenation";
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 @mixin reset-h1 {
@@ -20,7 +20,7 @@
   font-weight: var(--ams-page-heading-font-weight);
   line-height: var(--ams-page-heading-line-height);
 
-  @include hyphenation.hyphenation;
+  @include hyphenation;
   @include text-rendering;
   @include reset-h1;
 }

diff --git a/packages/css/src/components/top-task-link/top-task-link.scss b/packages/css/src/components/top-task-link/top-task-link.scss
@@ -3,7 +3,7 @@
  * Copyright Gemeente Amsterdam
  */
 
-@use "../../common/hyphenation";
+@use "../../common/hyphenation" as *;
 @use "../../common/text-rendering" as *;
 
 .ams-top-task-link {
@@ -26,7 +26,7 @@
   text-decoration-thickness: var(--ams-top-task-link-label-text-decoration-thickness);
   text-underline-offset: var(--ams-top-task-link-label-text-underline-offset);
 
-  @include hyphenation.hyphenation;
+  @include hyphenation;
   @include text-rendering;
 }