diff options
| author | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-07-22 12:27:09 +0200 |
| commit | cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 (patch) | |
| tree | d16dea8f0a5edca2b610ecabeac5e93a4d98be2f /src/scopes/_tables.scss | |
| parent | Update _index.scss (diff) | |
| download | iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.gz iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.bz2 iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.zip | |
Paths
Diffstat (limited to 'src/scopes/_tables.scss')
| -rw-r--r-- | src/scopes/_tables.scss | 48 |
1 files changed, 24 insertions, 24 deletions
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss index cb3a10c..7442874 100644 --- a/src/scopes/_tables.scss +++ b/src/scopes/_tables.scss | |||
| @@ -1,40 +1,40 @@ | |||
| 1 | @use 'sass:meta'; | 1 | @use "sass:meta"; |
| 2 | @use 'pkg:iro-sass/src/bem'; | 2 | @use "pkg:iro-sass/bem"; |
| 3 | @use 'pkg:iro-sass/src/props'; | 3 | @use "pkg:iro-sass/props"; |
| 4 | @use '../props' as *; | 4 | @use "../props" as *; |
| 5 | @use '../objects/table.vars' as table; | 5 | @use "../objects/table.vars" as table; |
| 6 | 6 | ||
| 7 | @forward 'tables.vars'; | 7 | @forward "tables.vars"; |
| 8 | @use 'tables.vars' as vars; | 8 | @use "tables.vars" as vars; |
| 9 | 9 | ||
| 10 | @mixin styles { | 10 | @mixin styles { |
| 11 | @include materialize-at-root(meta.module-variables('vars')); | 11 | @include materialize-at-root(meta.module-variables("vars")); |
| 12 | 12 | ||
| 13 | @include bem.scope('tables') { | 13 | @include bem.scope("tables") { |
| 14 | table { | 14 | table { |
| 15 | margin-block-start: props.get(vars.$margin-bs); | 15 | margin-block-start: props.get(vars.$margin-bs); |
| 16 | border-spacing: 0; | 16 | border-spacing: 0; |
| 17 | border-collapse: separate; | 17 | border-collapse: separate; |
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | th { | 20 | th { |
| 21 | padding-block: props.get(table.$pad-b); | 21 | padding-block: props.get(table.$pad-b); |
| 22 | padding-inline: props.get(table.$pad-i); | 22 | padding-inline: props.get(table.$pad-i); |
| 23 | font-family: props.get(table.$heading--font-family); | 23 | font-family: props.get(table.$heading--font-family); |
| 24 | font-size: props.get(table.$heading--font-size); | 24 | font-size: props.get(table.$heading--font-size); |
| 25 | font-weight: props.get(table.$heading--font-weight); | 25 | font-weight: props.get(table.$heading--font-weight); |
| 26 | color: props.get(table.$heading-color); | 26 | color: props.get(table.$heading-color); |
| 27 | text-align: start; | 27 | text-align: start; |
| 28 | text-transform: props.get(table.$heading--text-transform); | 28 | text-transform: props.get(table.$heading--text-transform); |
| 29 | letter-spacing: props.get(table.$heading--letter-spacing); | 29 | letter-spacing: props.get(table.$heading--letter-spacing); |
| 30 | } | 30 | } |
| 31 | 31 | ||
| 32 | td { | 32 | td { |
| 33 | padding-block: props.get(table.$pad-b); | 33 | padding-block: props.get(table.$pad-b); |
| 34 | padding-inline: props.get(table.$pad-i); | 34 | padding-inline: props.get(table.$pad-i); |
| 35 | border-color: props.get(table.$border-color); | 35 | border-color: props.get(table.$border-color); |
| 36 | border-style: solid; | 36 | border-style: solid; |
| 37 | border-width: 0; | 37 | border-width: 0; |
| 38 | border-block-start-width: props.get(table.$border-width); | 38 | border-block-start-width: props.get(table.$border-width); |
| 39 | } | 39 | } |
| 40 | 40 | ||
| @@ -46,7 +46,7 @@ | |||
| 46 | } | 46 | } |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | @include bem.modifier('flush') { | 49 | @include bem.modifier("flush") { |
| 50 | th, | 50 | th, |
| 51 | td { | 51 | td { |
| 52 | &:first-child { | 52 | &:first-child { |
| @@ -59,7 +59,7 @@ | |||
| 59 | } | 59 | } |
| 60 | } | 60 | } |
| 61 | 61 | ||
| 62 | @include bem.modifier('box') { | 62 | @include bem.modifier("box") { |
| 63 | td { | 63 | td { |
| 64 | background-color: props.get(table.$box--bg-color); | 64 | background-color: props.get(table.$box--bg-color); |
| 65 | 65 | ||
