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); |