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 /src | |
| 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
Diffstat (limited to 'src')
| -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, |