_forms.scss in spectre_scss-0.4.4.0

- old
+ new

@@ -16,10 +16,11 @@
 }
 
 // Form element: Label
 .form-label {
   display: block;
+  line-height: $line-height;
   padding: $control-padding-y + $border-width 0;
 
   &.label-sm {
     padding: $control-padding-y-sm + $border-width 0;
   }
@@ -247,18 +248,18 @@
         background-clip: padding-box;
         border: $border-width-lg solid $light-color;
         border-left-width: 0;
         border-top-width: 0;
         content: "";
-        height: 10px;
+        height: 12px;
         left: 50%;
-        margin-left: -3px;
-        margin-top: -6px;
+        margin-left: -4px;
+        margin-top: -8px;
         position: absolute;
         top: 50%;
         transform: rotate(45deg);
-        width: 6px;
+        width: 8px;
       }
     }
     &:indeterminate + .form-icon {
       background: $primary-color;
       border-color: $primary-color;
@@ -276,25 +277,24 @@
     }
   }
 }
 .form-radio {
   .form-icon {
-    border-radius: $control-icon-size / 2;
+    border-radius: 50%;
   }
 
   input {
     &:checked + .form-icon {
       &::before {
         background: $bg-color-light;
-        border-radius: $border-radius;
+        border-radius: 50%;
         content: "";
         height: 4px;
         left: 50%;
-        margin-left: -2px;
-        margin-top: -2px;
         position: absolute;
         top: 50%;
+        transform: translate(-50%, -50%);
         width: 4px;
       }
     }
   }
 }
@@ -312,10 +312,10 @@
     top: ($control-size-sm - $unit-4) / 2 - $border-width;
     width: $unit-8;
     &::before {
       @include control-transition();
       background: $bg-color-light;
-      border-radius: $unit-2;
+      border-radius: 50%;
       content: "";
       display: block;
       height: $unit-4;
       left: 0;
       position: absolute;