Skip to content
This repository has been archived by the owner on Feb 15, 2025. It is now read-only.

Commit

Permalink
Refactor: Utilize kol-typography-hint mixin
Browse files Browse the repository at this point in the history
  • Loading branch information
@sdvg
sdvg committed Feb 5, 2025
1 parent 51c8ef8 commit 8ced241
Show file tree
Hide file tree
Showing 11 changed files with 22 additions and 21 deletions.
3 changes: 2 additions & 1 deletion src/components/input-checkbox.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/focus-outline' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand All @@ -24,7 +25,7 @@
gap: rem(calc(0.4 * 16));

.hint {
font-size: rem(calc(0.9 * 16));
@include kol-typography-hint;
}
}

Expand Down
4 changes: 2 additions & 2 deletions src/components/input-color.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

input {
Expand Down
4 changes: 2 additions & 2 deletions src/components/input-date.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

input {
Expand Down
4 changes: 2 additions & 2 deletions src/components/input-email.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

input {
Expand Down
4 changes: 2 additions & 2 deletions src/components/input-file.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

.kol-input .input input[type='file'] {
Expand Down
4 changes: 2 additions & 2 deletions src/components/input-number.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

input {
Expand Down
4 changes: 2 additions & 2 deletions src/components/input-password.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

input {
Expand Down
4 changes: 2 additions & 2 deletions src/components/input-range.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -32,8 +33,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

input::placeholder {
Expand Down
4 changes: 2 additions & 2 deletions src/components/input-text.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

input {
Expand Down
4 changes: 2 additions & 2 deletions src/components/select.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -28,8 +29,7 @@

.kol-input .hint {
order: 4;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

select {
Expand Down
4 changes: 2 additions & 2 deletions src/components/textarea.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
@use '../rem' as *;
@use '../mixins/alert-wc' as *;
@use '../mixins/input-error' as *;
@use '../mixins/typography' as *;

@layer kol-theme-component {
:host {
Expand Down Expand Up @@ -32,8 +33,7 @@

.kol-input .hint {
order: 5;
font-size: rem(calc(0.9 * 16));
font-style: italic;
@include kol-typography-hint;
}

textarea {
Expand Down

0 comments on commit 8ced241

Please sign in to comment.