From 62563cd330e974e979dc9600eff8690d46a8980f Mon Sep 17 00:00:00 2001
From: Julius Osokinas <20243687+josokinas@users.noreply.github.com>
Date: Tue, 12 Jan 2021 14:38:35 +0000
Subject: [PATCH] fix: only animate radio "dot" appearance (#179)

---
 packages/core/src/components/radio/radio.scss | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/core/src/components/radio/radio.scss b/packages/core/src/components/radio/radio.scss
index 9eb4b1868..f617ad41d 100644
--- a/packages/core/src/components/radio/radio.scss
+++ b/packages/core/src/components/radio/radio.scss
@@ -5,7 +5,6 @@
   $input-size: helpers.space(2.75);
   $input-margin: 1px;
   $padding: (helpers.space(6) - $input-size - $input-margin * 2) / 2;
-  $transition: 0.15s ease-out;
 
   .ods-radio-label {
     @include helpers.font('300-regular');
@@ -55,8 +54,6 @@
     padding: $padding;
     right: 0;
     top: 0;
-    transition: $transition;
-    transition-property: background-color, border-color;
 
     &,
     &::after,
@@ -70,15 +67,13 @@
     // "outline" (simulating <input />)
     &::before {
       border: 2px solid helpers.color('border-input');
-      transition: $transition;
-      transition-property: background-color, border-color;
     }
 
     // "dot" for [checked]
     &::after {
       background-color: helpers.color('content-action');
       transform: scale(0);
-      transition: $transition;
+      transition: 0.15s ease-out;
       transition-property: transform;
     }
   }