summaryrefslogtreecommitdiffstats
path: root/src/objects/_radio.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_radio.scss')
-rw-r--r--src/objects/_radio.scss9
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 }