material 0.9.25 → 0.9.26

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

@@ -1,41 +0,0 @@
-.switcher
-
-  position: relative
-  margin-right: 16px
-  padding-top: 8px
-  margin-bottom: 8px
-  vertical-align: top
-  label
-    display: block
-    color: rgba(0,0,0,.4)
-    font-size: 0.7em
-    font-weight: 600
-    text-transform: uppercase
-    margin-bottom: 3px
-  ul
-    user-select: none
-    display: inline-block
-    list-style: none
-    padding: 0
-    height: 40px
-    margin: 0
-    padding: 5px
-    border-radius: 20px
-    background-color: rgba(0, 0, 0, 0.03)
-    li
-      cursor: pointer
-      font-size: .8em
-      font-weight: 600
-      padding: 8px 16px 7px
-      display: inline-block
-      border-radius: 16px
-      &.selected
-        //color: rgba(255,255,255, 1)
-        // 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)
-      &.preselected
-        //color: rgba(255,255,255, 1)
-        // 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.sass

@@ -1,126 +0,0 @@
-.material-textfield
-  display: block
-  position: relative
-  margin-right: 16px
-  padding-top: 8px
-  margin-bottom: 16px
-  vertical-align: top
-  .textfield-label
-    transition: .2s
-    color: rgba(0, 0, 0, 0.3)
-    position: absolute
-    font-size: .7em
-    top: -2px
-
-  .textfield-underline
-    position: absolute
-    opacity: 0
-    left: 50%
-    bottom: 0px
-    height: 2px
-    width: 2px
-    background-color: #4891F4
-    transition: .1s
-
-  &.textfield-error
-    .textfield-label
-      color: #F44336
-      color: #D6392C
-
-    textarea,
-    input
-      border-bottom: 1px solid #F44336
-
-  &.hide
-    display: none
-
-// states
-.material-textfield
-  &.is-focused
-    .textfield-label
-      transition: .2s
-
-    .textfield-underline
-      opacity: 1
-      display: block
-      width: 100%
-      left: 0
-      transition: .1s
-      background-color: $primary-color
-
-  &.is-empty
-    .textfield-label
-      transition: .2s
-      pointer-events: none
-      position: absolute
-      top: 20px
-      left: 0
-      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%
-      border: none
-      margin: 0
-
-      // margin-top: 13px;
-      background-color: transparent
-      border-radius: 0
-      border-bottom: 1px solid rgba(0, 0, 0, 0.12)
-
-      //outline:none;
-
-  .textfield-input
-    float: none
-    width: 100%
-    padding: 12px 8px 8px 0
-    border: none
-    margin: 0
-    background-color: transparent
-    border-radius: 0
-    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
-
-    //outline:none;
-    &:hover
-      cursor: default
-
-      //background-color: rgba(100, 100, 100, .06);
-
-    &:focus
-      cursor: text
-
-  input[readonly],
-  textarea[readonly]
-    //color: #9A9A9A;
-    //color: rgba(0, 0, 0, 1);
-    //background-color: rgba(255,255,255,1);
-    border-bottom: 1px solid transparent
-
-    &:hover
-      cursor: default
-
-      //background-color: rgba(255,255,255,1);
-
-    &: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.sass

@@ -1,36 +0,0 @@
-.tooltip
-  z-index: 100
-  // pointer-events: none
-  display: none
-  position: absolute
-  background-color: rgba(0,0,0,.7)
-  max-width: 200px
-  text-align: center
-  padding: 4px 8px 8px
-  transform: translateY(24px)
-  border-radius: 3px
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)
-  &.show
-    display: block
-    >.label
-      font-size: .8em
-      line-height: 1em
-      color: rgba(255,255,255,.87)
-    >.pointer
-      display: block
-      width: 100%
-      height: 8px
-      position: absolute
-      left: 0
-      right: 0
-      top: -8px
-      background-image: url('/theme/minimal/icon/tooltip.svg')
-      background-position: center
-      background-size: contain
-      background-repeat: no-repeat
-
-
-@media only screen and (max-width: 640px)
-  .tooltip
-    display: none
-   

package/src/skin/material/layout/layout.sass

@@ -1,69 +0,0 @@
-.material-layout
-  // overflow: hidden;
-  // padding: 0;
-  // margin: 0;
-  // height: 100%;
-  // position: absolute;
-  // top: 0;
-  // bottom: 0;
-  // left: 0;
-  // right: 0;
-
-.flex-row,
-.flex-raw
-  display: flex
-  flex-direction: row
-  flex-wrap: nowrap
-
-  > .ui-container
-    height: inherit
-
-.flex-column
-  display: flex
-  flex-direction: column
-  flex-wrap: nowrap
-
-  > .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.sass

@@ -1,69 +0,0 @@
-
-.resizer-layer
-  position: absolute
-  top: 0
-  left: 0
-
-.ui-resizer
-  opacity: .2
-  position: absolute
-  z-index: 200
-  right: -3px
-  bottom: -3px
-  width: 12px
-  height: 12px
-  cursor: nwse-resize
-
-  // &:hover, &.drag {
-  // 	background-color: rgba(66, 133, 244, .5);
-  // }
-
-.resizer-height
-  cursor: ns-resize
-  position: absolute
-  z-index: 100
-  left: 0
-  width: 100%
-  height: 5px
-
-.resizer-width
-  cursor: ew-resize
-  position: absolute
-  z-index: 100
-  top: 0
-  height: 100%
-  width: 5px
-
-.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
-  position: absolute
-  z-index: 100
-
-  &:hover
-    //background-color: rgba(255, 165, 0,5);
-
-.ui-resizer-height,
-.ui-resizer-top,
-.ui-resizer-bottom
-  cursor: ns-resize
-  position: absolute
-  z-index: 100
-  left: 0
-  width: 100%
-  height: 5px
-
-.ui-resizer-width,
-.ui-resizer-right,
-.ui-resizer-left
-  cursor: ew-resize
-  position: absolute
-  z-index: 100
-  top: 0
-  height: 100%
-  width: 5px

package/src/skin/material/material.sass

@@ -1,66 +0,0 @@
-
-// font
-// @import ../../../vendor/roboto/roboto.css
-
-// base
-@import base/body.sass
-@import base/typo.sass
-@import base/elevation.sass
-
-// theme
-@import theme/default.sass
-@import theme/theme.sass
-
-// module
-@import module/ripple.sass
-
-// component
-@import component/component.sass
-@import component/text.sass
-@import component/image.sass
-@import component/subheader.sass
-@import component/label.sass
-@import component/divider.sass
-@import component/progress.sass
-
-// container
-@import container/banner.sass
-@import container/card.sass
-@import container/menu.sass
-@import container/dialog.sass
-@import container/container.sass
-@import container/drawer.sass
-@import container/tabs.sass
-@import container/appbar.sass
-@import container/toolbar.sass
-@import container/snackbar.sass
-
-// button
-@import button/button.sass
-@import button/raised.sass
-@import button/floating.sass
-@import button/action.sass
-@import button/file.sass
-
-// control
-@import control/button.sass
-@import control/textfield.sass
-@import control/switch.sass
-@import control/checkbox.sass
-@import control/selector.sass
-@import control/slider.sass
-@import control/tooltip.sass
-@import control/search.sass
-
-// view
-@import view/view.sass
-@import view/list.sass
-@import view/form.sass
-@import view/tree.sass
-@import view/calendar.sass
-@import view/page.sass
-@import view/tabview.sass
-
-// layout
-@import layout/layout.sass
-@import layout/resizer.sass

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

@@ -1,9 +0,0 @@
-.material-ripple, .ripple
-  opacity: 1
-  pointer-events: none
-  z-index: 1
-  position: absolute
-  background-color: rgba(255, 255, 255, 0.1)
-  height: 5px
-  width: 5px
-  border-radius: 50%

package/src/skin/material/theme/ocean.sass

@@ -1,29 +0,0 @@
-
-
-
-// base color
-$background: rgba(255, 255, 255, 1)
-
-// color schema
-$default-color: rgba(0, 0, 0, 1)
-$default-color-text: rgba(0, 0, 0, 0.87)
-
-// primary color
-$primary-color: #3f51b5
-$primary-color-text: rgba(255, 255, 255, 0.95)
-
-// secondary color
-$secondary-color: #1A9989
-$secondary-color-text: rgba(255, 255, 255, 0.95)
-
-// on dark theme
-$default-color-dark: rgba(255, 255, 255, 1)
-$default-color-text-dark: rgba(255, 255, 255, 0.95)
-
-$primary-color-dark: #3f51b5
-$primary-color-text-dark: rgba(255, 255, 255, 0.95)
-
-$secondary-color-dark: #1A9989
-$secondary-color-text-dark: rgba(255, 255, 255, 0.95)
-
-

package/src/skin/material/theme/theme.sass

@@ -1,3 +0,0 @@
-.dark-mode
-  background-color: rgba(51, 51, 51, 1)
-  color: rgba(255, 255, 255, 0.95)

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

@@ -1,193 +0,0 @@
-.material-calendar,
-.material-book
-  margin-left: 10px
-  display: flex
-  flex-direction: column
-  flex-wrap: nowrap
-
-  header
-    flex: none
-
-    .calendar-headline,
-    .book-headline
-      font-family: 'Helvetica'
-      font-weight: light
-      font-size: 17px
-
-      .week-number
-        font-size: 14px
-        display: inline-block
-        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
-        display: inline-block
-        width: 50%
-        padding: 10px
-
-        .material-button
-          margin: 0
-
-    .header-days
-      display: flex
-      flex-direction: horizontal
-      flex-wrap: nowrap
-      padding-bottom: 8px
-      border-bottom: 1px solid rgba(0, 0, 0, 0.1)
-
-      .margin
-        width: 100px
-        flex: none
-        display: inline-block
-
-      .date
-        font-size: .8em
-        overflow: hidden
-
-        .first
-          font-size: .8em
-          flex: 1
-
-          //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
-
-      .label
-        font-size: 11px
-        text-align: right
-        float: left
-        width: 10%
-        border-bottom: 4px solid transparent
-        min-height: 32px
-        padding: 4px
-        color: #D9D9D9
-
-      .day
-        float: left
-        width: 15%
-        min-height: 32px
-        padding: 4px
-
-  .calendar-body
-    display: flex
-    flex-direction: horizontal
-    flex-wrap: nowrap
-    position: relative
-    overflow: scroll
-    flex: 1
-
-    .hours
-      width: 100px
-
-      .hour
-        position: relative
-        font-size: 11px
-        font-weight: bold
-        line-height: 14px
-        text-align: right
-        height: 60px
-        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
-
-      //width: 15%;
-      height: 1440px
-
-      //float: left;
-      border-right: 1px solid rgba(0, 0, 0, 0.1)
-
-      &[data-day='day-6']
-        background-color: rgba(196, 196, 196, 0.1)
-
-      /*.element-event {
-       *  background-color: rgba(197, 224, 179, .8);
-       *  border-left: none;
-       *  border-radius: 3px;
-       *  padding: 5px;
-       *}
-
-  .book-body
-    position: relative
-    overflow: scroll
-    flex: 1
-
-    .resource-folder
-      .type
-        .title
-          font-size: .8em
-          padding-bottom: 4px
-          padding-top: 4px
-          border-bottom: 1px solid rgba(0, 0, 0, 0.05)
-          background-color: rgba(0, 0, 0, 0.01)
-
-        .item
-          display: flex
-          flex-direction: horizontal
-          flex-wrap: nowrap
-          position: relative
-          text-align: left
-          border-right: 8px solid transaprent
-          color: #D9D9D9
-          padding-right: 5px
-          border-bottom: 1px solid rgba(0, 0, 0, 0.05)
-
-          .resource-name
-            width: 100px
-            font-size: 1.5em
-            font-weight: bold
-
-      .date
-        &.weekend
-          background-color: rgba(0, 0, 0, 0.01)
-
-        flex: 15
-        position: relative
-
-        //width: 15%;
-        border-left: 1px solid rgba(0, 0, 0, 0.1)
-
-        &[data-day='day-6']
-          background-color: rgba(196, 196, 196, 0.1)
-
-        /*     .element-event {
-         *   background-color: rgba(197, 224, 179, .8);
-         *   border-left: none;
-         *   border-radius: 3px;
-         *   padding: 5px;
-         * }

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

@@ -1,15 +0,0 @@
-.material-form
-  background-color: #E6E6E6
-  .component-subheader
-    padding: 16px 0 0
-
-  .material-layout
-    > .layout-component
-      border-bottom: 1px solid rgba(100, 100, 100, 0.3)
-      padding: 16px 0
-
-      .ui-text
-        margin-left: 16px
-        margin-right: 16px
-        padding-top: 8px
-        margin-bottom: 16px