diff options
| author | Volpeon <git@volpeon.ink> | 2026-03-02 22:41:24 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-03-02 22:41:24 +0100 |
| commit | acf4d98c67533d345178d81b44d0cdbc386a7ac2 (patch) | |
| tree | c021782ed6364897e007dcfa5fe51077c46ab074 | |
| parent | Update _card.scss (diff) | |
| download | iro-design-acf4d98c67533d345178d81b44d0cdbc386a7ac2.tar.gz iro-design-acf4d98c67533d345178d81b44d0cdbc386a7ac2.tar.bz2 iro-design-acf4d98c67533d345178d81b44d0cdbc386a7ac2.zip | |
Update _card.scss
| -rw-r--r-- | src/objects/_card.scss | 10 |
1 files changed, 1 insertions, 9 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index 969bf56..c92aede 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
| @@ -68,8 +68,7 @@ | |||
| 68 | } | 68 | } |
| 69 | 69 | ||
| 70 | @include bem.modifier('highlight') { | 70 | @include bem.modifier('highlight') { |
| 71 | border-color: props.get(vars.$highlight--border-color); | 71 | outline: props.get(vars.$highlight--border-width) solid props.get(vars.$highlight--border-color); |
| 72 | outline: calc(props.get(vars.$highlight--border-width) - props.get(vars.$border-width)) solid props.get(vars.$highlight--border-color); | ||
| 73 | outline-offset: calc(-1 * props.get(vars.$highlight--border-width)); | 72 | outline-offset: calc(-1 * props.get(vars.$highlight--border-width)); |
| 74 | box-shadow: | 73 | box-shadow: |
| 75 | props.get(vars.$highlight--shadow-x) | 74 | props.get(vars.$highlight--shadow-x) |
| @@ -77,13 +76,6 @@ | |||
| 77 | props.get(vars.$highlight--shadow-blur) | 76 | props.get(vars.$highlight--shadow-blur) |
| 78 | props.get(vars.$highlight--shadow-grow) | 77 | props.get(vars.$highlight--shadow-grow) |
| 79 | props.get(vars.$highlight--shadow-color); | 78 | props.get(vars.$highlight--shadow-color); |
| 80 | |||
| 81 | @include bem.multi('&:link, &:visited, &:enabled', 'modifier' 'interactive', 'modifier' 'collapsible') { | ||
| 82 | &:hover, | ||
| 83 | &:active { | ||
| 84 | border-color: props.get(vars.$highlight--border-color); | ||
| 85 | } | ||
| 86 | } | ||
| 87 | } | 79 | } |
| 88 | 80 | ||
| 89 | @include bem.elem('avatar') { | 81 | @include bem.elem('avatar') { |
