diff options
Diffstat (limited to 'src/objects/_radio.scss')
-rw-r--r-- | src/objects/_radio.scss | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss index b27766e..f5f3632 100644 --- a/src/objects/_radio.scss +++ b/src/objects/_radio.scss | |||
@@ -52,7 +52,6 @@ | |||
52 | 52 | ||
53 | @include iro.bem-elem('circle') { | 53 | @include iro.bem-elem('circle') { |
54 | display: block; | 54 | display: block; |
55 | position: relative; | ||
56 | box-sizing: border-box; | 55 | box-sizing: border-box; |
57 | flex: 0 0 auto; | 56 | flex: 0 0 auto; |
58 | width: fn.dim(--diameter); | 57 | width: fn.dim(--diameter); |
@@ -64,13 +63,11 @@ | |||
64 | &::after { | 63 | &::after { |
65 | content: ''; | 64 | content: ''; |
66 | display: block; | 65 | display: block; |
67 | position: absolute; | 66 | position: relative; |
68 | z-index: 10; | 67 | top: fn.dim(--border-width); |
69 | top: 50%; | ||
70 | left: fn.dim(--border-width); | 68 | left: fn.dim(--border-width); |
71 | width: calc(fn.dim(--diameter) - 2 * fn.dim(--border-width)); | 69 | width: calc(fn.dim(--diameter) - 2 * fn.dim(--border-width)); |
72 | height: calc(fn.dim(--diameter) - 2 * fn.dim(--border-width)); | 70 | height: calc(fn.dim(--diameter) - 2 * fn.dim(--border-width)); |
73 | transform: translateY(-50%); | ||
74 | transition: transform .2s ease; | 71 | transition: transform .2s ease; |
75 | border-radius: fn.dim(--diameter); | 72 | border-radius: fn.dim(--diameter); |
76 | background-color: fn.color(--circle-bg); | 73 | background-color: fn.color(--circle-bg); |
@@ -106,7 +103,7 @@ | |||
106 | &:checked { | 103 | &:checked { |
107 | @include iro.bem-sibling-elem('circle') { | 104 | @include iro.bem-sibling-elem('circle') { |
108 | &::after { | 105 | &::after { |
109 | transform: translateY(-50%) scale(.44); | 106 | transform: scale(.44); |
110 | } | 107 | } |
111 | } | 108 | } |
112 | } | 109 | } |