material 0.9.26 → 0.9.27

package/src/skin/material/layout/layout.scss

@@ -1,6 +1,4 @@
 .material-layout {
-  /* empty */
-}
   // overflow: hidden;
   // padding: 0;
   // margin: 0;
@@ -10,10 +8,9 @@
   // bottom: 0;
   // left: 0;
   // right: 0;
-
-.flex-row, {
-  /* empty */
 }
+
+.flex-row,
 .flex-raw {
   display: flex;
   flex-direction: row;
@@ -21,9 +18,9 @@
 
   > .ui-container {
     height: inherit;
-
   }
 }
+
 .flex-column {
   display: flex;
   flex-direction: column;
@@ -31,62 +28,61 @@
 
   > .material-container {
     width: inherit;
-
   }
 }
+
 .display-absolute {
   display: absolute;
-
 }
+
 .flex-none {
   flex: none;
-
 }
+
 .flex-1 {
   flex: 1;
-
 }
+
 .flex-2 {
   flex: 2;
-
 }
+
 .flex-3 {
   flex: 3;
-
 }
+
 .flex-4 {
   flex: 4;
-
 }
+
 .flex-5 {
   flex: 5;
-
 }
+
 .flex-6 {
   flex: 6;
-
 }
+
 .flex-7 {
   flex: 7;
-
 }
+
 .flex-8 {
   flex: 8;
-
 }
+
 .flex-9 {
   flex: 9;
-
 }
+
 .flex-10 {
   flex: 10;
-
 }
+
 .flex-11 {
   flex: 11;
-
 }
+
 .flex-12 {
   flex: 12;
-
 }

package/src/skin/material/layout/resizer.scss

@@ -3,8 +3,8 @@
   position: absolute;
   top: 0;
   left: 0;
-
 }
+
 .ui-resizer {
   opacity: .2;
   position: absolute;
@@ -18,8 +18,8 @@
   // &:hover, &.drag {
   // 	background-color: rgba(66, 133, 244, .5);
   // }
-
 }
+
 .resizer-height {
   cursor: ns-resize;
   position: absolute;
@@ -27,8 +27,8 @@
   left: 0;
   width: 100%;
   height: 5px;
-
 }
+
 .resizer-width {
   cursor: ew-resize;
   position: absolute;
@@ -36,23 +36,13 @@
   top: 0;
   height: 100%;
   width: 5px;
-
-}
-.ui-resizer-height, {
-  /* empty */
-}
-.ui-resizer-width, {
-  /* empty */
-}
-.ui-resizer-top, {
-  /* empty */
-}
-.ui-resizer-right, {
-  /* empty */
-}
-.ui-resizer-bottom, {
-  /* empty */
 }
+
+.ui-resizer-height,
+.ui-resizer-width,
+.ui-resizer-top,
+.ui-resizer-right,
+.ui-resizer-bottom,
 .ui-resizer-left {
   background-color: rgba(255, 165, 0, 5);
   opacity: .5;
@@ -60,17 +50,12 @@
   z-index: 100;
 
   &:hover {
-    /* empty */
-  }
     //background-color: rgba(255, 165, 0,5);
-
-}
-.ui-resizer-height, {
-  /* empty */
-}
-.ui-resizer-top, {
-  /* empty */
+  }
 }
+
+.ui-resizer-height,
+.ui-resizer-top,
 .ui-resizer-bottom {
   cursor: ns-resize;
   position: absolute;
@@ -78,14 +63,10 @@
   left: 0;
   width: 100%;
   height: 5px;
-
-}
-.ui-resizer-width, {
-  /* empty */
-}
-.ui-resizer-right, {
-  /* empty */
 }
+
+.ui-resizer-width,
+.ui-resizer-right,
 .ui-resizer-left {
   cursor: ew-resize;
   position: absolute;
@@ -93,5 +74,4 @@
   top: 0;
   height: 100%;
   width: 5px;
-
 }

package/src/skin/material/module/ripple.scss

@@ -7,5 +7,4 @@
   height: 5px;
   width: 5px;
   border-radius: 50%;
-
 }

package/src/skin/material/view/calendar.scss

@@ -1,6 +1,4 @@
-.material-calendar, {
-  /* empty */
-}
+.material-calendar,
 .material-book {
   margin-left: 10px;
   display: flex;
@@ -10,9 +8,7 @@
   header {
     flex: none;
 
-    .calendar-headline, {
-      /* empty */
-    }
+    .calendar-headline,
     .book-headline {
       font-family: 'Helvetica';
       font-weight: light;
@@ -24,15 +20,15 @@
         width: 50%;
         padding: 10px;
         text-align: right;
-
       }
+
       .month-year {
         font-size: 24px;
         display: inline-block;
         width: 50%;
         padding: 10px;
-
       }
+
       .material-toolbar {
         text-align: right;
         font-size: 24px;
@@ -42,10 +38,10 @@
 
         .material-button {
           margin: 0;
-
         }
       }
     }
+
     .header-days {
       display: flex;
       flex-direction: horizontal;
@@ -57,8 +53,8 @@
         width: 100px;
         flex: none;
         display: inline-block;
-
       }
+
       .date {
         font-size: .8em;
         overflow: hidden;
@@ -70,23 +66,23 @@
           //display: inline-block;
           overflow: hidden;
           text-overflow: ellipsis;
-
         }
+
         .second {
           display: block;
           flex: none;
 
           //display: inline-block;
-
         }
+
         flex: 15;
 
         //white-space: nowrap;
         //display: inline-block;
         text-align: center;
-
       }
     }
+
     .allday {
       height: 24px;
       border-bottom: 4px solid #d4d4d4;
@@ -100,17 +96,17 @@
         min-height: 32px;
         padding: 4px;
         color: #D9D9D9;
-
       }
+
       .day {
         float: left;
         width: 15%;
         min-height: 32px;
         padding: 4px;
-
       }
     }
   }
+
   .calendar-body {
     display: flex;
     flex-direction: horizontal;
@@ -132,17 +128,17 @@
         border-right: 8px solid transaprent;
         color: #D9D9D9;
         padding-right: 5px;
-
       }
     }
+
     canvas {
       position: absolute;
       top: 0;
       left: 10%;
       width: 2000px;
       height: 1440px;
-
     }
+
     .week-day {
       flex: 15;
       position: relative;
@@ -212,7 +208,6 @@
          *   border-radius: 3px;
          *   padding: 5px;
          * }
-
       }
     }
   }

package/src/skin/material/view/form.scss

@@ -2,8 +2,8 @@
   background-color: #E6E6E6;
   .component-subheader {
     padding: 16px 0 0;
-
   }
+
   .material-layout {
     > .layout-component {
       border-bottom: 1px solid rgba(100, 100, 100, 0.3);
@@ -14,7 +14,6 @@
         margin-right: 16px;
         padding-top: 8px;
         margin-bottom: 16px;
-
       }
     }
   }

package/src/skin/material/view/grid.scss

@@ -3,8 +3,8 @@
 
   &.container-body {
     overflow: hidden;
-
   }
+
   flex: none;
   display: flex;
   flex-direction: column;
@@ -32,21 +32,21 @@
       &.key-selected {
         //color: $grey-50;
         background-color: $grey-100;
-
       }
+
       .key-sort {
         float: right;
         padding: 3px;
-
       }
     }
+
     > .ui-resizer-width {
       &.resizer-drag {
         background-color: orange;
-
       }
     }
   }
+
   .grid-search {
     flex: none;
     width: 100%;
@@ -72,10 +72,10 @@
       &.key-selected {
         //color: $grey-50;
         background-color: $grey-100;
-
       }
     }
   }
+
   .grid-content {
     flex: 1;
     font-size: .85em;
@@ -114,20 +114,19 @@
         //}
         &[data-key="total"] {
           text-align: right;
-
         }
       }
+
       &.item-selected {
         background-color: rgba(160, 160, 160, 0.2);
 
         //border-right: 1px solid $blue-grey-600;
         border-bottom: 1px solid transparent;
         margin: 0;
-
       }
+
       &:last-child {
         border-bottom: none;
-
       }
     }
   }

package/src/skin/material/view/list.scss

@@ -5,9 +5,8 @@
 
   &.hide {
     display: none;
-
-
   }
+
   >.head {
     position: relative;
     display: flex;
@@ -22,20 +21,20 @@
         // background-color: $primary-color
         .button-icon svg  {
           fill: rgba(255, 255, 255, 1);
-
         }
       }
     }
   }
+
   >.body.search {
     display: none;
     overflow: scroll;
     flex: 1;
     &.show {
       display: block;
-
     }
   }
+
   >.body {
     overflow: scroll;
     flex: 1;
@@ -63,9 +62,9 @@
         background-repeat: no-repeat;
         background-position: center;
         margin-right: 16px;
-
       }
     }
+
     &.hide {
       display: none;
     }
@@ -76,19 +75,19 @@
       }
       &.selected {
         background-color: rgba(0,0,0,.05);
-
       }
     }
   }
+
   >.foot {
     display: flex;
     flex-direction: row;
     flex: none;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     padding: 8px 16px 8px 24px;
-
   }
 }
+
 .virtual {
   overflow: auto;
   position: relative;
@@ -102,6 +101,5 @@
     top: 0;
     left: 0;
     width: 1px;
-
   }
 }

package/src/skin/material/view/listview.scss

@@ -20,19 +20,19 @@
     &.is-selected {
       background-color: rgba(0, 0, 0, 0.05);
       transition: .1s;
-
     }
+
     .ui-icon {
       flex: none;
       padding: 24px;
-
     }
+
     .ui-text {
       flex: 1;
       padding: 16px 12px 16px 0;
-
     }
   }
+
   .material-button {
     display: flex;
     flex-direction: horizontal;
@@ -48,27 +48,21 @@
     .ui-icon {
       flex: none;
       padding: 24px;
-
     }
+
     .button-label {
       flex: 1;
       padding: 16px 12px 16px 0;
-
     }
   }
+
   .ui-separator {
     display: block;
     height: 1px;
     margin: 12px;
     background-color: #DDD;
-
-
-
-
-
-
-
   }
+
   &.type-image {
     max-width: 1000px;
     display: flex;
@@ -99,8 +93,8 @@
         //height: 125px
         width: 125px;
         display: block;
-
       }
+
       .image-info {
         // padding: 16px
         background-color: rgba(0,0,0,.6);
@@ -133,17 +127,17 @@
           flex: none;
           svg {
             fill: white;
-
           }
         }
       }
     }
+
     &.hide-info {
       .image-info {
         display: none !important ;
-
       }
     }
+
     &.info-below {
       .image-info {
         //display: none !important 
@@ -166,11 +160,11 @@
           flex: none;
           svg {
             fill: rgba(0,0,0,.8);
-
           }
         }
       }
     }
+
     &.layout-masonry {
       -webkit-column-count: 3;
       column-count: 3;
@@ -214,7 +208,6 @@
         //   bottom: 0
         //   left: 0
         //   right: 0
-
       }
     }
   }

package/src/skin/material/view/map.scss

@@ -4,5 +4,4 @@
   right: 0;
   bottom: 0;
   left: 0;
-
 }

package/src/skin/material/view/page.scss

@@ -1,5 +1,4 @@
 .material-page {
 	border: none;
 	margin: 0;
-
 }

package/src/skin/material/view/tabview-bak.scss

@@ -43,7 +43,6 @@
   >.views {
     >div {
       display: none;
-
     }
   }
 }

package/src/skin/material/view/tabview.scss

@@ -41,15 +41,14 @@
         background-color: transparent;
         // transform: scale(1.1)
         // transition: 50ms transform
-
       }
+
       &.type-action {
         max-width: 60px;
-
-
       }
     }
   }
+
   >.views {
     position: relative;
     flex: 1;
@@ -59,7 +58,6 @@
       top: 0;
       right: 0;
       bottom: 0;
-
     }
   }
 }

package/src/skin/material/view/tree.scss

@@ -17,8 +17,8 @@
       -webkit-appearance: span;
       appearance: span;
       padding: 8px 16px;
-
     }
+
     .material-item  {
       display: flex;
       flex-direction: horizontal;
@@ -38,19 +38,19 @@
       &.is-selected {
         background-color: rgba(0, 0, 0, 0.05);
         transition: .3s;
-
       }
+
       .ui-icon {
         flex: none;
         padding: 24px;
-
       }
+
       .ui-text {
         flex: 1;
         padding: 16px 12px 16px 0;
-
       }
     }
+
     .material-button {
       display: flex;
       flex-direction: horizontal;
@@ -66,20 +66,19 @@
       .ui-icon {
         flex: none;
         padding: 24px;
-
       }
+
       .ui-text {
         flex: 1;
         padding: 16px 12px 16px 0;
-
       }
     }
+
     .ui-separator {
       display: block;
       height: 1px;
       margin: 12px;
       background-color: #DDD;
-
     }
   }
 }