From b00d9282ab75a496cd3b7e6fa40754c05f990482 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 8 Feb 2022 07:29:42 +0100
Subject: Improved radio and switch positioning

---
 src/objects/_radio.scss | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

(limited to 'src/objects/_radio.scss')

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 @@
     
         @include iro.bem-elem('circle') {
             display:          block;
-            position:         relative;
             box-sizing:       border-box;
             flex:             0 0 auto;
             width:            fn.dim(--diameter);
@@ -64,13 +63,11 @@
             &::after {
                 content:          '';
                 display:          block;
-                position:         absolute;
-                z-index:          10;
-                top:              50%;
+                position:         relative;
+                top:              fn.dim(--border-width);
                 left:             fn.dim(--border-width);
                 width:            calc(fn.dim(--diameter) - 2 * fn.dim(--border-width));
                 height:           calc(fn.dim(--diameter) - 2 * fn.dim(--border-width));
-                transform:        translateY(-50%);
                 transition:       transform .2s ease;
                 border-radius:    fn.dim(--diameter);
                 background-color: fn.color(--circle-bg);
@@ -106,7 +103,7 @@
             &:checked {
                 @include iro.bem-sibling-elem('circle') {
                     &::after {
-                        transform: translateY(-50%) scale(.44);
+                        transform: scale(.44);
                     }
                 }
             }
-- 
cgit v1.2.3-54-g00ecf