material 0.9.26 → 0.9.27

package/src/skin/material/control/selecter.scss

@@ -53,9 +53,9 @@
     &:disabled {
       color: rgba(0,0,0,.57);
       background-color: rgba(255,255,255,.27);
-
     }
   }
+
   .list {
     display: none;
     flex-direction: column;
@@ -90,9 +90,9 @@
         height: 40px;
         width: 40px;
         background-image: url(/theme/common/icon/close.svg);
-
       }
     }
+
     .body {
       flex: 1;
       overflow: auto;
@@ -100,17 +100,17 @@
         padding: 16px 20px;
         &:hover {
           background-color: rgba(0,0,0,.05);
-
         }
+
         &.selected {
           label {
             font-weight: 700px;
-
           }
         }
       }
     }
   }
+
   input {
     display: none;
     cursor: pointer;
@@ -135,9 +135,9 @@
     &:disabled {
       color: rgba(0,0,0,.57);
       background-color: rgba(255,255,255,.27);
-
     }
   }
+
   .error {
     color: rgba(0,0,0,.87);
     float: none;
@@ -146,7 +146,5 @@
     margin: 0;
     background-color: rgba(255,255,255,.87);
     border-radius: 0;
-
-
   }
 }

package/src/skin/material/control/selector.scss

@@ -40,7 +40,5 @@
     bottom: -5;
     right: -5;
     // background-color: #326FB6
-
-
   }
 }

package/src/skin/material/control/slider.scss

@@ -14,8 +14,8 @@
   input {
     position: absolute;
     left: -10000px;
-
   }
+
   .slider-label {
     flex: 1;
     order: 1;
@@ -23,8 +23,8 @@
     padding: 16px 0;
     margin: 0px 2px 0px 0;
     overflow: hidden;
-
   }
+
   .slider-control {
     order: 3;
     position: relative;
@@ -44,14 +44,14 @@
 
       //background-color: rgba(34, 31, 31, .26);
       transition: .3s;
-
     }
+
     .slider-canvas {
       position: absolute;
       top: 0;
       left: 0;
-
     }
+
     .slider-track-value {
       position: absolute;
       width: 0;
@@ -63,8 +63,8 @@
       padding: 0;
       background-color: #4054B2;
       border-radius: 7px;
-
     }
+
     .slider-marker {
       opacity: 0;
       transform: scale(0.1) translateY(60px);
@@ -83,9 +83,9 @@
 
       .slider-pin {
         fill: $secondary-color;
-
       }
     }
+
     .slider-knob {
       z-index: 3;
       cursor: pointer;
@@ -107,20 +107,19 @@
       &.notnull {
         background-color: #4054B2;
         border: 2px solid #4054B2;
-
       }
+
       &:active {
         background-color: #4054B2;
         border: 2px solid #4054B2;
-
       }
+
       &:hover {
-        /* empty */
-      }
         // background-color: #4054B2;
         // border: 2px solid #4054B2;
-
+      }
     }
+
     &.dragging {
       .slider-knob {
         top: 50%;
@@ -134,11 +133,11 @@
         &.notnull {
           background-color: #4054B2;
           border: 2px solid #4054B2;
-
         }
       }
     }
   }
+
   &.is-checked {
     .slider-track {
       background-color: rgba(0, 150, 136, 0.5);
@@ -146,46 +145,46 @@
       .slider-knob {
         background-color: rgba(0, 150, 136, 1);
         left: 15px;
-
       }
     }
   }
+
   &.is-disabled {
     .slider-label {
       opacity: .5;
-
     }
+
     .slider-control {
       .slider-track {
         .slider-knob {
           background-color: #BDBDBD;
           border: 2px solid white;
-
         }
+
         .slider-track-value {
           background-color: #BDBDBD;
-
         }
       }
+
       order: 3;
       cursor: pointer;
 
       // .slider-track
 
       // .slider-knob
-
     }
   }
+
   &.is-focused {
     .slider-control {
       .slider-knob {
         height: 18px;
         width: 18px;
         border: 32px solid rgba(0, 0, 0, 0.05);
-
       }
     }
   }
+
   &.type-discrete {
     .slider-control {
       &.dragging {
@@ -194,26 +193,25 @@
           transform: scale(1) translateY(0);
           display: block;
           transition: none;
-
         }
+
         .slider-knob {
           opacity: 0;
           transform: scale(0.2);
           display: block;
           transition: .2s;
-
         }
       }
     }
   }
 }
+
 .dark-mode {
   .material-slider {
     .slider-control {
       .slider-track {
         .slider-tarck-value {
           background-color: #5C5C5C;
-
         }
       }
     }

package/src/skin/material/control/snackbar.scss

@@ -54,12 +54,11 @@ $width: 500px;
       }
       &.show {
         display: inline-block;
-
-
       }
     }
   }
 }
+
 @media only screen and (min-width: $desktop_switch) {
   .snackbars {
     left: 50%;
@@ -70,8 +69,6 @@ $width: 500px;
     &.up {
       bottom: 500px;
       transition: 225ms bottom cubic-bezier(0.4, 0, 0.2, 1);
-
-
     }
   }
 }

package/src/skin/material/control/switch.scss

@@ -16,12 +16,11 @@
     left: -10000px;
 
     &:active {
-      /* empty */
-    }
       //background-color: #D6E5E4;
       //transition: .1s;
-
+    }
   }
+
   .switch-label {
     flex: 1;
     order: 2;
@@ -31,8 +30,8 @@
     padding: 14px 0;
     margin: 0px 2px 0px 16px;
     overflow: hidden;
-
   }
+
   .switch-control {
     order: 1;
     cursor: pointer;
@@ -84,11 +83,11 @@
 
           //opacity: .2;
           transition: .2s;
-
         }
       }
     }
   }
+
   &.is-checked {
     .switch-track {
       background-color: rgba($secondary-color, .3);
@@ -96,10 +95,10 @@
       .switch-knob {
         background-color: $secondary-color;
         left: 15px;
-
       }
     }
   }
+
   &.is-focused {
     .switch-track {
       .switch-knob {
@@ -113,16 +112,16 @@
           border-radius: 24px;
           background-color: rgba(0, 0, 0, 0.05);
           content: "";
-
         }
       }
     }
   }
+
   &.is-disabled {
     .switch-label {
       opacity: .5;
-
     }
+
     .switch-control {
       order: 3;
       cursor: pointer;
@@ -138,34 +137,32 @@
         .switch-knob {
           background-color: rgb(189, 189, 189);
           box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.06);
-
         }
       }
     }
   }
 }
+
 .dark-mode {
   .material-switch {
     .switch-control {
       .switch-track {
         background-color: rgba(255, 255, 255, 0.5);
-
       }
     }
+
     &.is-checked {
       .switch-track {
         background-color: rgba($secondary-color, .3);
-
       }
     }
+
     &.is-focused {
       .switch-control {
         .switch-track {
           .switch-knob {
             &::after {
               background-color: rgba(255, 255, 255, 0.05);
-
-
             }
           }
         }
@@ -173,6 +170,7 @@
     }
   }
 }
+
 .material-switch {
   display: block;
   position: relative;
@@ -191,12 +189,11 @@
     left: -10000px;
 
     &:active {
-      /* empty */
-    }
       //background-color: #D6E5E4;
       //transition: .1s;
-
+    }
   }
+
   .switch-label {
     flex: 1;
     order: 2;
@@ -206,8 +203,8 @@
     padding: 14px 0;
     margin: 0px 2px 0px 16px;
     overflow: hidden;
-
   }
+
   .switch-control {
     order: 1;
     cursor: pointer;
@@ -259,11 +256,11 @@
 
           //opacity: .2;
           transition: .2s;
-
         }
       }
     }
   }
+
   &.is-checked {
     .switch-track {
       background-color: rgba($secondary-color, .3);
@@ -271,10 +268,10 @@
       .switch-knob {
         background-color: $secondary-color;
         left: 15px;
-
       }
     }
   }
+
   &.is-focused {
     .switch-track {
       .switch-knob {
@@ -288,16 +285,16 @@
           border-radius: 24px;
           background-color: rgba(0, 0, 0, 0.05);
           content: "";
-
         }
       }
     }
   }
+
   &.is-disabled {
     .switch-label {
       opacity: .5;
-
     }
+
     .switch-control {
       order: 3;
       cursor: pointer;
@@ -313,33 +310,32 @@
         .switch-knob {
           background-color: rgb(189, 189, 189);
           box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.06);
-
         }
       }
     }
   }
 }
+
 .dark-mode {
   .material-switch {
     .switch-control {
       .switch-track {
         background-color: rgba(255, 255, 255, 0.5);
-
       }
     }
+
     &.is-checked {
       .switch-track {
         background-color: rgba($secondary-color, .3);
-
       }
     }
+
     &.is-focused {
       .switch-control {
         .switch-track {
           .switch-knob {
             &::after {
               background-color: rgba(255, 255, 255, 0.05);
-
             }
           }
         }

package/src/skin/material/control/switcher.scss

@@ -41,7 +41,6 @@
         // background-color: #4891F4
         background-color: white;
         box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
-
       }
     }
   }

package/src/skin/material/control/textfield.scss

@@ -11,8 +11,8 @@
     position: absolute;
     font-size: .7em;
     top: -2px;
-
   }
+
   .textfield-underline {
     position: absolute;
     opacity: 0;
@@ -22,22 +22,20 @@
     width: 2px;
     background-color: #4891F4;
     transition: .1s;
-
   }
+
   &.textfield-error {
     .textfield-label {
       color: #F44336;
       color: #D6392C;
-
-    }
-    textarea, {
-      /* empty */
     }
+
+    textarea,
     input {
       border-bottom: 1px solid #F44336;
-
     }
   }
+
   &.hide {
     display: none;
 
@@ -48,8 +46,8 @@
   &.is-focused {
     .textfield-label {
       transition: .2s;
-
     }
+
     .textfield-underline {
       opacity: 1;
       display: block;
@@ -57,9 +55,9 @@
       left: 0;
       transition: .1s;
       background-color: $primary-color;
-
     }
   }
+
   &.is-empty {
     .textfield-label {
       transition: .2s;
@@ -70,16 +68,16 @@
       display: block;
       font-size: 1em;
       padding: 0 2px 0 0;
-
     }
+
     &.is-focused {
       .textfield-label {
         transition: .2s;
         font-size: .7em;
         top: -2px;
-
       }
     }
+
     .textfield-input {
       float: none;
       width: 100%;
@@ -92,9 +90,9 @@
       border-bottom: 1px solid rgba(0, 0, 0, 0.12);
 
       //outline:none;
-
     }
   }
+
   .textfield-input {
     float: none;
     width: 100%;
@@ -110,16 +108,14 @@
       cursor: default;
 
       //background-color: rgba(100, 100, 100, .06);
-
     }
+
     &:focus {
       cursor: text;
-
     }
   }
-  input[readonly], {
-    /* empty */
-  }
+
+  input[readonly],
   textarea[readonly] {
     //color: #9A9A9A;
     //color: rgba(0, 0, 0, 1);
@@ -130,30 +126,27 @@
       cursor: default;
 
       //background-color: rgba(255,255,255,1);
-
-    }
-    &:focus, {
-      /* empty */
     }
+
+    &:focus,
     &:active {
       cursor: text;
       border-bottom: 1px solid transparent !important;
 
       //background-color: rgba(255,255,255,1);
-
     }
   }
 }
+
 .dark-mode {
   .material-textfield {
     .textfield-label {
       transition: .2s;
       color: rgba(255, 255, 255, 0.3);
-
     }
+
     .textfield-input {
       border-bottom: 1px solid rgba(255, 255, 255, 0.12);
-
     }
   }
 }

package/src/skin/material/control/tooltip.scss

@@ -29,14 +29,12 @@
       background-position: center;
       background-size: contain;
       background-repeat: no-repeat;
-
-
     }
   }
 }
+
 @media only screen and (max-width: 640px) {
   .tooltip {
     display: none;
-
   }
 }