material 0.5.1 → 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/package.json +4 -4
  2. package/src/control/textfield.js +1 -1
  3. package/src/form/controller.js +1 -1
  4. package/src/list/filter.js +3 -3
  5. package/src/skin/material/container/dialog.sass +1 -13
  6. package/dist/tracks.svg +0 -10
  7. package/src/skin/material.bak/base/body.sass +0 -52
  8. package/src/skin/material.bak/base/elevation.sass +0 -50
  9. package/src/skin/material.bak/base/grid.sass +0 -63
  10. package/src/skin/material.bak/base/typo.sass +0 -107
  11. package/src/skin/material.bak/button/action.sass +0 -89
  12. package/src/skin/material.bak/button/button.sass +0 -183
  13. package/src/skin/material.bak/button/file.sass +0 -24
  14. package/src/skin/material.bak/button/floating.sass +0 -113
  15. package/src/skin/material.bak/button/raised.sass +0 -101
  16. package/src/skin/material.bak/button/stroked.sass +0 -71
  17. package/src/skin/material.bak/component/component.sass +0 -7
  18. package/src/skin/material.bak/component/divider.sass +0 -17
  19. package/src/skin/material.bak/component/image.sass +0 -6
  20. package/src/skin/material.bak/component/label.sass +0 -2
  21. package/src/skin/material.bak/component/progress.sass +0 -138
  22. package/src/skin/material.bak/component/subheader.sass +0 -3
  23. package/src/skin/material.bak/component/text.sass +0 -85
  24. package/src/skin/material.bak/container/appbar.sass +0 -167
  25. package/src/skin/material.bak/container/banner.sass +0 -38
  26. package/src/skin/material.bak/container/card.sass +0 -18
  27. package/src/skin/material.bak/container/container.sass +0 -1
  28. package/src/skin/material.bak/container/dialog.sass +0 -184
  29. package/src/skin/material.bak/container/drawer.sass +0 -159
  30. package/src/skin/material.bak/container/drawernew.sass +0 -159
  31. package/src/skin/material.bak/container/menu.sass +0 -58
  32. package/src/skin/material.bak/container/snackbar.sass +0 -18
  33. package/src/skin/material.bak/container/tabs.sass +0 -75
  34. package/src/skin/material.bak/container/toolbar.sass +0 -161
  35. package/src/skin/material.bak/control/button.sass +0 -125
  36. package/src/skin/material.bak/control/checkbox.sass +0 -105
  37. package/src/skin/material.bak/control/dialog.sass +0 -0
  38. package/src/skin/material.bak/control/search.sass +0 -40
  39. package/src/skin/material.bak/control/selecter.sass +0 -128
  40. package/src/skin/material.bak/control/slider.sass +0 -181
  41. package/src/skin/material.bak/control/switch.sass +0 -284
  42. package/src/skin/material.bak/control/switcher.sass +0 -35
  43. package/src/skin/material.bak/control/textfield.sass +0 -126
  44. package/src/skin/material.bak/control/tooltip.sass +0 -36
  45. package/src/skin/material.bak/icon/back.svg +0 -5
  46. package/src/skin/material.bak/icon/cancel.svg +0 -1
  47. package/src/skin/material.bak/icon/checkbox.svg +0 -4
  48. package/src/skin/material.bak/icon/forward.svg +0 -5
  49. package/src/skin/material.bak/icon/menu.svg +0 -4
  50. package/src/skin/material.bak/icon/pin.svg +0 -4
  51. package/src/skin/material.bak/layout/layout.sass +0 -69
  52. package/src/skin/material.bak/layout/resizer.sass +0 -69
  53. package/src/skin/material.bak/material.css +0 -2042
  54. package/src/skin/material.bak/material.css.map +0 -7
  55. package/src/skin/material.bak/material.sass +0 -65
  56. package/src/skin/material.bak/module/ripple.sass +0 -9
  57. package/src/skin/material.bak/theme/default.sass +0 -50
  58. package/src/skin/material.bak/theme/ocean.sass +0 -29
  59. package/src/skin/material.bak/theme/theme.sass +0 -3
  60. package/src/skin/material.bak/view/calendar.sass +0 -193
  61. package/src/skin/material.bak/view/form.sass +0 -15
  62. package/src/skin/material.bak/view/grid.sass +0 -116
  63. package/src/skin/material.bak/view/list.sass +0 -89
  64. package/src/skin/material.bak/view/listview.sass +0 -195
  65. package/src/skin/material.bak/view/map.sass +0 -6
  66. package/src/skin/material.bak/view/page.sass +0 -4
  67. package/src/skin/material.bak/view/tabview-bak.sass +0 -40
  68. package/src/skin/material.bak/view/tabview.sass +0 -55
  69. package/src/skin/material.bak/view/tree.sass +0 -73
  70. package/src/skin/material.bak/view/view.sass +0 -7
@@ -1,195 +0,0 @@
1
- .material-list
2
- padding: 0
3
- overflow: scroll
4
-
5
- .material-item
6
- display: flex
7
- flex-direction: horizontal
8
- flex-wrap: nowrap
9
- text-align: left
10
- width: 100%
11
- display: block
12
- font-size: 1rem
13
- line-height: 1.2rem
14
- appearance: span
15
- padding: 14px 16px
16
-
17
- //border-bottom: 1px solid rgba(0, 0, 0, 0.05);
18
- transition: .1s
19
-
20
- &.is-selected
21
- background-color: rgba(0, 0, 0, 0.05)
22
- transition: .1s
23
-
24
- .ui-icon
25
- flex: none
26
- padding: 24px
27
-
28
- .ui-text
29
- flex: 1
30
- padding: 16px 12px 16px 0
31
-
32
- .material-button
33
- display: flex
34
- flex-direction: horizontal
35
- flex-wrap: nowrap
36
- text-align: left
37
- width: 100%
38
- display: block
39
- -ms-appearance: span
40
- -moz-appearance: span
41
- -webkit-appearance: span
42
- appearance: span
43
-
44
- .ui-icon
45
- flex: none
46
- padding: 24px
47
-
48
- .button-label
49
- flex: 1
50
- padding: 16px 12px 16px 0
51
-
52
- .ui-separator
53
- display: block
54
- height: 1px
55
- margin: 12px
56
- background-color: #DDD
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
- &.type-image
65
- max-width: 1000px
66
- display: flex
67
- flex-wrap: wrap
68
- margin: 0 auto
69
- padding: 0
70
-
71
- .material-image
72
- //float: left
73
- //background-color: red
74
- position: relative
75
- display: list-item
76
- //height: 125px
77
- width: 125px
78
- overflow: hidden
79
- margin: 2px 2px
80
- padding: 0
81
- //background-color: red
82
- -webkit-column-break-inside: avoid
83
- break-inside: avoid-column
84
- display: list-item
85
- text-align: -webkit-match-parent
86
- position: relative
87
- box-sizing: border-box
88
- //margin-bottom: 16px
89
-
90
- .image-image
91
- //height: 125px
92
- width: 125px
93
- display: block
94
-
95
- .image-info
96
- // padding: 16px
97
- background-color: rgba(0,0,0,.6)
98
- display: block
99
- position: absolute
100
- bottom: 0
101
- left: 0
102
- right: 0
103
- display: flex
104
- flex-direction: row
105
- flex-wrap: nowrap
106
- padding: 8px 16px
107
-
108
-
109
- .image-label
110
- line-height: 24px
111
- flex: 1
112
- color: rgba(255,255,255,.8)
113
- overflow: hidden
114
- text-overflow: ellipsis
115
- height: 24px
116
- // background-color: rgba(0,0,0,.6)
117
- // display: block
118
- // position: absolute
119
- // bottom: 0
120
- // left: 0
121
- // right: 0
122
- .image-icon
123
- flex: none
124
- svg
125
- fill: white
126
-
127
- &.hide-info
128
- .image-info
129
- display: none !important
130
-
131
- &.info-below
132
- .image-info
133
- //display: none !important
134
- color: initial !important
135
- padding: 16px
136
- background-color: transparent !important
137
- //display: block
138
- position: initial !important
139
- padding: 8px 0 !important
140
- line-height: 16px
141
- // bottom: 0
142
- // left: 0
143
- // right: 0
144
- .image-label
145
- line-height: 24px
146
- flex: 1
147
- color: rgba(0,0,0,.8)
148
- .image-icon
149
- flex: none
150
- svg
151
- fill: rgba(0,0,0,.8)
152
-
153
- &.layout-masonry
154
- -webkit-column-count: 3
155
- column-count: 3
156
- -webkit-column-gap: 16px
157
- column-gap: 16px
158
- max-width: 1000px
159
- display: block
160
- flex-wrap: wrap
161
- margin: 0 auto
162
- padding: 0
163
- .material-image
164
- //float: left
165
- //background-color: red
166
- position: relative
167
- display: list-item
168
- // height: 118px
169
- // width: 177px
170
- overflow: hidden
171
- margin: 0 2px
172
- padding: 0
173
- background-color: red
174
- -webkit-column-break-inside: avoid
175
- break-inside: avoid-column
176
- display: list-item
177
- text-align: -webkit-match-parent
178
- position: relative
179
- box-sizing: border-box
180
- margin-bottom: 16px
181
-
182
- // .image-image
183
- // // height: 118px
184
- // // width: 177px
185
- // display: block
186
-
187
- // .image-label
188
- // color: rgba(255,255,255,.8)
189
- // padding: 16px
190
- // background-color: rgba(0,0,0,.6)
191
- // display: block
192
- // position: absolute
193
- // bottom: 0
194
- // left: 0
195
- // right: 0
@@ -1,6 +0,0 @@
1
- .ui-map
2
- position: absolute
3
- top: 0
4
- right: 0
5
- bottom: 0
6
- left: 0
@@ -1,4 +0,0 @@
1
- .material-page
2
- border: none
3
- margin: 0
4
-
@@ -1,40 +0,0 @@
1
- .tabview
2
- position: relative
3
- display: flex
4
- flex-direction: column
5
- height: 100%
6
- width: 100%
7
- white-space: no-wrap
8
- overflow: hidden
9
- >.indicator
10
- position: absolute
11
- height: 2px
12
- transition: 0.2s
13
- background-color: $secondary-color
14
- >.tabs
15
- flex: none
16
- display: flex
17
- flex-direction: row
18
- overflow: hidden
19
- //height: 48px
20
- >.material-divider
21
- margin: 0
22
- padding: 0
23
- flex: 1
24
- display: inline-block
25
- >button
26
- flex: 1
27
- display: inline-block
28
- padding: 0 10px
29
- height: 48px
30
- border-radius: 0
31
- margin: 0
32
- text-align: center
33
- background-repeat: no-repeat
34
- background-size: 30%
35
- background-position: center
36
- >label
37
- color: $default-color-text
38
- >.views
39
- >div
40
- display: none
@@ -1,55 +0,0 @@
1
- .tabview
2
- position: relative
3
- display: flex
4
- flex-direction: column
5
- height: 100%
6
- width: 100%
7
- white-space: no-wrap
8
- overflow: hidden
9
- -webkit-touch-callout: none
10
- -webkit-user-select: none
11
- >.indicator
12
- position: absolute
13
- height: 2px
14
- transition: 0.2s
15
- >.tabs
16
- flex: none
17
- display: flex
18
- flex-direction: row
19
- overflow: hidden
20
- //height: 48px
21
- >.divider
22
- margin: 0
23
- padding: 0
24
- flex: 1
25
- display: inline-block
26
- >button
27
- flex: 1
28
- display: inline-block
29
- padding: 0
30
- height: 48px
31
- border-radius: 0
32
- margin: 0
33
- text-align: center
34
- background-repeat: no-repeat
35
- background-size: 25%
36
- background-position: center
37
- transition: 50ms transform
38
- &:hover, &.selected
39
- background-color: transparent
40
- transform: scale(1.1)
41
- transition: 50ms transform
42
-
43
- &.type-action
44
- max-width: 60px
45
-
46
-
47
- >.views
48
- position: relative
49
- flex: 1
50
- >div
51
- position: absolute
52
- left: 0
53
- top: 0
54
- right: 0
55
- bottom: 0
@@ -1,73 +0,0 @@
1
- .material-tree
2
- padding: 16px 0
3
- overflow: scroll
4
-
5
- ul
6
- margin: 0
7
- padding: 0
8
- .item-tree
9
- display: flex
10
- flex-direction: horizontal
11
- flex-wrap: nowrap
12
- text-align: left
13
- width: 100%
14
- display: block
15
- -ms-appearance: span
16
- -moz-appearance: span
17
- -webkit-appearance: span
18
- appearance: span
19
- padding: 8px 16px
20
-
21
- .material-item
22
- display: flex
23
- flex-direction: horizontal
24
- flex-wrap: nowrap
25
- text-align: left
26
- width: 100%
27
- display: block
28
- -ms-appearance: span
29
- -moz-appearance: span
30
- -webkit-appearance: span
31
- appearance: span
32
- padding: 8px 16px
33
-
34
- //border-bottom: 1px solid rgba(0, 0, 0, 0.05);
35
- transition: .3s
36
-
37
- &.is-selected
38
- background-color: rgba(0, 0, 0, 0.05)
39
- transition: .3s
40
-
41
- .ui-icon
42
- flex: none
43
- padding: 24px
44
-
45
- .ui-text
46
- flex: 1
47
- padding: 16px 12px 16px 0
48
-
49
- .material-button
50
- display: flex
51
- flex-direction: horizontal
52
- flex-wrap: nowrap
53
- text-align: left
54
- width: 100%
55
- display: block
56
- -ms-appearance: span
57
- -moz-appearance: span
58
- -webkit-appearance: span
59
- appearance: span
60
-
61
- .ui-icon
62
- flex: none
63
- padding: 24px
64
-
65
- .ui-text
66
- flex: 1
67
- padding: 16px 12px 16px 0
68
-
69
- .ui-separator
70
- display: block
71
- height: 1px
72
- margin: 12px
73
- background-color: #DDD
@@ -1,7 +0,0 @@
1
- // .material-view
2
- // position: absolute
3
- // top: 0
4
- // right: 0
5
- // bottom: 0
6
- // left: 0
7
- // overflow: scroll