[vue] Some SCSS optimizations #2

Author: can-keklik

frontend/express/public/stylesheets/clyvue.css

@@ -68,7 +68,7 @@
                         width: calc(#{$proportional_w} - 1px);
                     }
                 }
-                
+
                 li {
                     float: left;
                     position: relative;
@@ -278,51 +278,51 @@
 
             border: 1px solid #d0d0d0;
             border-radius: 2px;
-    
-            .radio-button.selected {
-                background-color: #FFF;
-            }
-            .radio-button:first-child {
-                border: none;
-            }
+
             .radio-button {
                 border-top: 1px solid #d0d0d0;
                 background-color: #ececec;
                 overflow: auto;
                 padding: 8px;
                 cursor: pointer;
-            }
-
-            .radio-button.selected .box {
-                box-shadow: inset 0 0 0 2px #FFF;
-                background-color: #2eb52b;
-            }
-            .radio-button .box {
-                border: 1px solid #CCC;
-                border-radius: 15px;
-                float: left;
-                width: 12px;
-                height: 12px;
-                margin-top: 1px;
-                position: relative;
-                margin-right: 8px;
-                cursor: pointer;
-            }
-
-            .radio-button .text {
-                float: left;
-                font-size: 12px;
-                margin-top: 1px;
-                color: #6f6f6f;
-                cursor: pointer;
-            }
+                
+                &.selected {
+                    background-color: #FFF;
+                    .box {
+                        box-shadow: inset 0 0 0 2px #FFF;
+                        background-color: #2eb52b;
+                    }
+                }
+                
+                &:first-child {
+                    border: none;
+                }
 
-            .radio-button .description {
-                float: left;
-                font-size: 10px;
-                margin-top: 3px;
-                margin-left: 20px;
-                color: #9c9c9c;
+                .box {
+                    border: 1px solid #CCC;
+                    border-radius: 15px;
+                    float: left;
+                    width: 12px;
+                    height: 12px;
+                    margin-top: 1px;
+                    position: relative;
+                    margin-right: 8px;
+                    cursor: pointer;
+                }
+                .text {
+                    float: left;
+                    font-size: 12px;
+                    margin-top: 1px;
+                    color: #6f6f6f;
+                    cursor: pointer;
+                }
+                .description {
+                    float: left;
+                    font-size: 10px;
+                    margin-top: 3px;
+                    margin-left: 20px;
+                    color: #9c9c9c;
+                }
             }
         }
     }