Skip to content

Commit 7cd18c2

Browse files
deleoniodeleonio
committed
Add new SCSS mixins for improved theming and typography
- Introduced `_indented-text.mixin.scss` for consistent indented text styling. - Added `_input-error.mixin.scss` to handle input error states with alerts. - Created `_input-text.mixin.scss` for standardized input field styles. - Developed `_input.mixin.scss` for overall input theming and focus outlines. - Implemented `_link.mixin.scss` for link styling with focus and hover effects. - Established `_pagination.mixin.scss` for pagination button styles and interactions. - Introduced `_select.mixin.scss` for select input styling and adornments. - Added `_table-settings.mixin.scss` for table settings and action button styles. - Created `_table-stateless.mixin.scss` for stateless table theming and layout. - Implemented `_to-rem.mixin.scss` to forward rem function for responsive design. - Added `_typography.mixin.scss` for consistent typography styles across headings and body text.
1 parent 3bedc84 commit 7cd18c2

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

71 files changed

+199
-189
lines changed

‎packages/themes/default/.prettierignore‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
/assets/**
2+
/node_modules/**

‎packages/themes/default/.stylelintignore‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
src/assets/
1+
assets/
22

33
**/*.md
44
**/*.mustache
@@ -8,3 +8,4 @@ src/assets/
88
**/*.ts
99
**/*.tsx
1010
**/*.twig
11+
**/*.json

‎packages/themes/default/.stylelintrc.json‎

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,17 @@
11
{
2-
"extends": ["../../../.stylelintrc.json"]
2+
"extends": ["../../../.stylelintrc.json"],
3+
"plugins": [
4+
"../stylelint-rules/require-component-layer",
5+
"../stylelint-rules/require-global-layer",
6+
"../stylelint-rules/no-layer-in-utility-files",
7+
"../stylelint-rules/layer-name-convention",
8+
"../stylelint-rules/no-root-selector"
9+
],
10+
"rules": {
11+
"kolibri/require-component-layer": true,
12+
"kolibri/require-global-layer": true,
13+
"kolibri/no-layer-in-non-component-files": true,
14+
"kolibri/layer-name-convention": true,
15+
"kolibri/no-root-selector": true
16+
}
317
}

‎packages/themes/default/src/@shared/input-core.scss‎

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
1-
@use '../mixins/alert' as *;
2-
@use '../mixins/form-field' as *;
3-
@use '../mixins/form-field-order' as *;
4-
@use '../mixins/input' as *;
1+
@use '../mixins/alert.mixin' as *;
2+
@use '../mixins/form-field.mixin' as *;
3+
@use '../mixins/form-field-order.mixin' as *;
4+
@use '../mixins/input.mixin' as *;
55

6-
@layer kol-theme-component {
7-
@include kol-alert-theme;
8-
@include kol-form-field-theme;
9-
@include kol-form-field-order-theme;
10-
@include kol-input-theme;
11-
}
6+
@include kol-alert-theme;
7+
@include kol-form-field-theme;
8+
@include kol-form-field-order-theme;
9+
@include kol-input-theme;

‎packages/themes/default/src/components/abbr.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@use '../mixins/to-rem' as *;
1+
@use '../mixins/to-rem.mixin' as *;
22

33
@layer kol-theme-component {
44
abbr {

‎packages/themes/default/src/components/accordion.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@use '../mixins/to-rem' as *;
2-
@use '../mixins/focus-outline' as *;
3-
@use '../mixins/typography' as *;
4-
@use '../mixins/icon' as *;
1+
@use '../mixins/to-rem.mixin' as *;
2+
@use '../mixins/focus-outline.mixin' as *;
3+
@use '../mixins/typography.mixin' as *;
4+
@use '../mixins/icon.mixin' as *;
55

66
@layer kol-theme-component {
77
@include kol-icon-theme;

‎packages/themes/default/src/components/alert.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@use '../mixins/alert' as *;
2-
@use '../mixins/icon' as *;
1+
@use '../mixins/alert.mixin' as *;
2+
@use '../mixins/icon.mixin' as *;
33

44
@layer kol-theme-component {
55
@include kol-icon-theme;

‎packages/themes/default/src/components/badge.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@use '../mixins/to-rem' as *;
2-
@use '../mixins/icon' as *;
1+
@use '../mixins/to-rem.mixin' as *;
2+
@use '../mixins/icon.mixin' as *;
33

44
@layer kol-theme-component {
55
@include kol-icon-theme;

‎packages/themes/default/src/components/breadcrumb.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@use '../mixins/to-rem' as *;
2-
@use '../mixins/link' as *;
3-
@use '../mixins/icon' as *;
1+
@use '../mixins/to-rem.mixin' as *;
2+
@use '../mixins/link.mixin' as *;
3+
@use '../mixins/icon.mixin' as *;
44

55
@layer kol-theme-component {
66
@include kol-icon-theme;

‎packages/themes/default/src/components/button-link.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@use '../mixins/link' as *;
2-
@use '../mixins/to-rem' as *;
3-
@use '../mixins/icon' as *;
1+
@use '../mixins/link.mixin' as *;
2+
@use '../mixins/to-rem.mixin' as *;
3+
@use '../mixins/icon.mixin' as *;
44

55
@layer kol-theme-component {
66
@include kol-icon-theme;

0 commit comments

Comments
 (0)
⚡