diff options
| author | Volpeon <git@volpeon.ink> | 2022-03-12 15:39:00 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-03-12 15:39:00 +0100 |
| commit | 3f78f05497269d8ace60f1071c4f05483145df90 (patch) | |
| tree | 8c3970d40e85c521edc2a5e50ad2033faaedb5b2 /src | |
| parent | Added table (diff) | |
| download | iro-design-3f78f05497269d8ace60f1071c4f05483145df90.tar.gz iro-design-3f78f05497269d8ace60f1071c4f05483145df90.tar.bz2 iro-design-3f78f05497269d8ace60f1071c4f05483145df90.zip | |
Added more utilities
Diffstat (limited to 'src')
| -rw-r--r-- | src/_utils.scss | 20 | ||||
| -rw-r--r-- | src/objects/_table.scss | 2 |
2 files changed, 19 insertions, 3 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index 1969a82..4ad1401 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
| @@ -36,8 +36,24 @@ $dirs: ( | |||
| 36 | } | 36 | } |
| 37 | } | 37 | } |
| 38 | 38 | ||
| 39 | @include iro.bem-utility('o-auto') { | 39 | @include iro.bem-utility('ta-left') { |
| 40 | overflow: auto; | 40 | text-align: left; |
| 41 | } | ||
| 42 | |||
| 43 | @include iro.bem-utility('ta-right') { | ||
| 44 | text-align: right; | ||
| 45 | } | ||
| 46 | |||
| 47 | @include iro.bem-utility('ta-center') { | ||
| 48 | text-align: center; | ||
| 49 | } | ||
| 50 | |||
| 51 | @include iro.bem-utility('c-muted') { | ||
| 52 | color: fn.color(--fg-hi); | ||
| 53 | } | ||
| 54 | |||
| 55 | @include iro.bem-utility('w-100') { | ||
| 56 | width: 100%; | ||
| 41 | } | 57 | } |
| 42 | 58 | ||
| 43 | @include iro.bem-utility('elp') { | 59 | @include iro.bem-utility('elp') { |
diff --git a/src/objects/_table.scss b/src/objects/_table.scss index e50e2fd..9f414b8 100644 --- a/src/objects/_table.scss +++ b/src/objects/_table.scss | |||
| @@ -41,7 +41,7 @@ | |||
| 41 | 41 | ||
| 42 | @include iro.bem-elem('cell') { | 42 | @include iro.bem-elem('cell') { |
| 43 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 43 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
| 44 | border-width: 1px 0 0 0; | 44 | border-width: 1px 0 0; |
| 45 | border-style: solid; | 45 | border-style: solid; |
| 46 | border-color: fn.color(--border); | 46 | border-color: fn.color(--border); |
| 47 | background-color: fn.color(--bg); | 47 | background-color: fn.color(--bg); |
