adjustment

lib/ui/css/checkbox.scss

@@ -1,15 +1,15 @@
-@import "./functions/checkbox.scss";
+@import "./functions/func.scss";
 
-.checkbox-image {
+.ui-check-image-wrapper {
     >input[type="checkbox"] {
         display: none;
 
         &:checked {
-            &~.checked {
+            ~.checked {
                 display: inline;
             }
 
-            &~.unchecked {
+            ~.unchecked {
                 display: none;
             }
         }
@@ -24,17 +24,17 @@
     }
 }
 
-.checkbox-wrapper {
+.ui-check-wrapper {
     display: inline-flex;
     align-items: center;
     padding: 0 8px;
     height: 36px;
-    @include check-box();
+    @include ui-check();
 
-    .check-box-inner {
+    .ui-check-inner {
         flex: 0 0 auto;
 
-        &+* {
+        +* {
             flex: 1 1 auto;
             font-weight: 400;
             font-size: var(--font-size);