diff options
Diffstat (limited to 'assets/css/components/_card.scss')
| -rw-r--r-- | assets/css/components/_card.scss | 15 |
1 files changed, 6 insertions, 9 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index f444daf..1b46373 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss | |||
| @@ -14,13 +14,6 @@ | |||
| 14 | ) | 14 | ) |
| 15 | )); | 15 | )); |
| 16 | 16 | ||
| 17 | @include store(( | ||
| 18 | --dims: ( | ||
| 19 | --pad-x: 1em, | ||
| 20 | --pad-y: .7em | ||
| 21 | ) | ||
| 22 | ), 'md'); | ||
| 23 | |||
| 24 | @include component(namespace()) { | 17 | @include component(namespace()) { |
| 25 | display: flex; | 18 | display: flex; |
| 26 | position: relative; | 19 | position: relative; |
| @@ -42,7 +35,7 @@ | |||
| 42 | 35 | ||
| 43 | small, | 36 | small, |
| 44 | strong { | 37 | strong { |
| 45 | transition: background-color .2s, color .2s; | 38 | transition: color .2s; |
| 46 | } | 39 | } |
| 47 | 40 | ||
| 48 | &:link, | 41 | &:link, |
| @@ -62,7 +55,7 @@ | |||
| 62 | 55 | ||
| 63 | small, | 56 | small, |
| 64 | strong { | 57 | strong { |
| 65 | color: prop(--colors --hover --fg); | 58 | color: currentColor; |
| 66 | } | 59 | } |
| 67 | } | 60 | } |
| 68 | } | 61 | } |
| @@ -72,6 +65,10 @@ | |||
| 72 | width: 100%; | 65 | width: 100%; |
| 73 | padding: prop(--dims --pad-y) prop(--dims --pad-x); | 66 | padding: prop(--dims --pad-y) prop(--dims --pad-x); |
| 74 | 67 | ||
| 68 | @include next-twin-element { | ||
| 69 | width: auto; | ||
| 70 | } | ||
| 71 | |||
| 75 | @include modifier('flip') { | 72 | @include modifier('flip') { |
| 76 | visibility: hidden; | 73 | visibility: hidden; |
| 77 | position: absolute; | 74 | position: absolute; |
