diff options
author | Volpeon <git@volpeon.ink> | 2023-02-02 18:08:23 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2023-02-02 18:08:23 +0100 |
commit | 4d09ae0db1994e7fec96c2a1f1715597bead5de3 (patch) | |
tree | d29401567938cd9f1c5d1ce569adfa0fd91fffc1 | |
parent | Split border color into stable and regular (diff) | |
download | iro-design-4d09ae0db1994e7fec96c2a1f1715597bead5de3.tar.gz iro-design-4d09ae0db1994e7fec96c2a1f1715597bead5de3.tar.bz2 iro-design-4d09ae0db1994e7fec96c2a1f1715597bead5de3.zip |
Improved overflow button
-rw-r--r-- | src/objects/_overflow-button.scss | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/objects/_overflow-button.scss b/src/objects/_overflow-button.scss index 9922ffe..3920a37 100644 --- a/src/objects/_overflow-button.scss +++ b/src/objects/_overflow-button.scss | |||
@@ -44,6 +44,11 @@ | |||
44 | display: inline-block; | 44 | display: inline-block; |
45 | color: fn.color(--disabled --label); | 45 | color: fn.color(--disabled --label); |
46 | 46 | ||
47 | @include iro.bem-elem('outside') { | ||
48 | display: inline-block; | ||
49 | margin-right: fn.dim(--spacing); | ||
50 | } | ||
51 | |||
47 | @include iro.bem-elem('inside') { | 52 | @include iro.bem-elem('inside') { |
48 | display: inline-block; | 53 | display: inline-block; |
49 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 54 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
@@ -54,11 +59,11 @@ | |||
54 | text-decoration: none; | 59 | text-decoration: none; |
55 | text-overflow: ellipsis; | 60 | text-overflow: ellipsis; |
56 | white-space: nowrap; | 61 | white-space: nowrap; |
57 | } | ||
58 | 62 | ||
59 | @include iro.bem-elem('outside') { | 63 | @include iro.bem-next-elem('outside') { |
60 | display: inline-block; | 64 | margin-right: 0; |
61 | margin-left: fn.dim(--spacing); | 65 | margin-left: fn.dim(--spacing); |
66 | } | ||
62 | } | 67 | } |
63 | 68 | ||
64 | &:link, | 69 | &:link, |