diff options
Diffstat (limited to 'src')
| -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') { |