material_components_web-sass 0.8.0 → 0.9.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +9 -0
- data/lib/material_components_web/sass/version.rb +1 -1
- data/vendor/assets/javascripts/material-components-web.js +1359 -580
- data/vendor/assets/stylesheets/@material/animation/_functions.scss +15 -15
- data/vendor/assets/stylesheets/@material/animation/_mixins.scss +15 -15
- data/vendor/assets/stylesheets/@material/animation/_variables.scss +15 -15
- data/vendor/assets/stylesheets/@material/animation/mdc-animation.scss +15 -15
- data/vendor/assets/stylesheets/@material/checkbox/_keyframes.scss +15 -15
- data/vendor/assets/stylesheets/@material/checkbox/_variables.scss +15 -15
- data/vendor/assets/stylesheets/@material/checkbox/mdc-checkbox.scss +6 -0
- data/vendor/assets/stylesheets/@material/dialog/mdc-dialog.scss +2 -0
- data/vendor/assets/stylesheets/@material/drawer/_mixins.scss +15 -15
- data/vendor/assets/stylesheets/@material/drawer/mdc-drawer.scss +16 -15
- data/vendor/assets/stylesheets/@material/drawer/permanent/mdc-permanent-drawer.scss +22 -16
- data/vendor/assets/stylesheets/@material/drawer/persistent/mdc-persistent-drawer.scss +87 -0
- data/vendor/assets/stylesheets/@material/drawer/slidable/_mixins.scss +33 -0
- data/vendor/assets/stylesheets/@material/drawer/slidable/_variables.scss +20 -0
- data/vendor/assets/stylesheets/@material/drawer/temporary/mdc-temporary-drawer.scss +27 -28
- data/vendor/assets/stylesheets/@material/elevation/_mixins.scss +15 -15
- data/vendor/assets/stylesheets/@material/elevation/_variables.scss +15 -15
- data/vendor/assets/stylesheets/@material/elevation/mdc-elevation.scss +15 -15
- data/vendor/assets/stylesheets/@material/form-field/mdc-form-field.scss +15 -15
- data/vendor/assets/stylesheets/@material/grid-list/mdc-grid-list.scss +1 -1
- data/vendor/assets/stylesheets/@material/icon-toggle/mdc-icon-toggle.scss +15 -15
- data/vendor/assets/stylesheets/@material/list/mdc-list.scss +1 -1
- data/vendor/assets/stylesheets/@material/menu/mdc-menu.scss +15 -15
- data/vendor/assets/stylesheets/@material/menu/simple/mdc-simple-menu.scss +15 -15
- data/vendor/assets/stylesheets/@material/radio/mdc-radio.scss +2 -0
- data/vendor/assets/stylesheets/@material/ripple/_keyframes.scss +15 -15
- data/vendor/assets/stylesheets/@material/rtl/_mixins.scss +15 -15
- data/vendor/assets/stylesheets/@material/select/mdc-select.scss +21 -23
- data/vendor/assets/stylesheets/@material/snackbar/_variables.scss +15 -15
- data/vendor/assets/stylesheets/@material/snackbar/mdc-snackbar.scss +15 -15
- data/vendor/assets/stylesheets/@material/textfield/mdc-textfield.scss +15 -15
- data/vendor/assets/stylesheets/@material/theme/_constants.scss +15 -15
- data/vendor/assets/stylesheets/@material/theme/_functions.scss +15 -15
- data/vendor/assets/stylesheets/@material/theme/_mixins.scss +15 -15
- data/vendor/assets/stylesheets/@material/theme/_variables.scss +15 -15
- data/vendor/assets/stylesheets/@material/theme/mdc-theme.scss +15 -15
- data/vendor/assets/stylesheets/@material/toolbar/mdc-toolbar.scss +23 -15
- data/vendor/assets/stylesheets/@material/typography/_mixins.scss +15 -15
- data/vendor/assets/stylesheets/@material/typography/_variables.scss +16 -15
- data/vendor/assets/stylesheets/@material/typography/mdc-typography.scss +15 -15
- metadata +5 -2
@@ -1,18 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
@import "./variables";
|
18
18
|
|
@@ -1,18 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
@import "./variables";
|
18
18
|
|
@@ -1,18 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
$mdc-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, .2, 1) !default;
|
18
18
|
$mdc-animation-fast-out-slow-in-timing-function: cubic-bezier(.4, 0, .2, 1) !default;
|
@@ -1,18 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
@import "./mixins";
|
18
18
|
|
@@ -1,18 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
@import "@material/theme/mixins";
|
18
18
|
@import "./variables";
|
@@ -1,18 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
$mdc-checkbox-mark-color: white !default;
|
18
18
|
$mdc-checkbox-border-color: rgba(black, .54) !default;
|
@@ -50,6 +50,7 @@
|
|
50
50
|
display: inline-block;
|
51
51
|
position: relative;
|
52
52
|
box-sizing: content-box;
|
53
|
+
flex: 0 0 $mdc-checkbox-size;
|
53
54
|
width: $mdc-checkbox-size;
|
54
55
|
height: $mdc-checkbox-size;
|
55
56
|
padding: ($mdc-checkbox-touch-area - $mdc-checkbox-size) / 2;
|
@@ -251,6 +252,11 @@ fieldset:disabled .mdc-checkbox__native-control,
|
|
251
252
|
}
|
252
253
|
}
|
253
254
|
|
255
|
+
.mdc-checkbox--disabled {
|
256
|
+
cursor: default;
|
257
|
+
pointer-events: none;
|
258
|
+
}
|
259
|
+
|
254
260
|
.mdc-checkbox--upgraded {
|
255
261
|
.mdc-checkbox__background,
|
256
262
|
.mdc-checkbox__checkmark,
|
@@ -1,3 +1,4 @@
|
|
1
|
+
//
|
1
2
|
// Copyright 2017 Google Inc. All Rights Reserved.
|
2
3
|
//
|
3
4
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
@@ -11,6 +12,7 @@
|
|
11
12
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
12
13
|
// See the License for the specific language governing permissions and
|
13
14
|
// limitations under the License.
|
15
|
+
//
|
14
16
|
|
15
17
|
@import "@material/animation/functions";
|
16
18
|
@import "@material/elevation/mixins";
|
@@ -1,18 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
@import "@material/animation/functions";
|
18
18
|
@import "@material/animation/variables";
|
@@ -1,18 +1,19 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
|
+
@import "./persistent/mdc-persistent-drawer";
|
17
18
|
@import "./permanent/mdc-permanent-drawer";
|
18
19
|
@import "./temporary/mdc-temporary-drawer";
|
@@ -1,24 +1,29 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
16
|
|
17
17
|
@import "@material/rtl/mixins";
|
18
18
|
@import "@material/theme/mixins";
|
19
19
|
@import "../mixins";
|
20
20
|
|
21
21
|
$mdc-permanent-drawer-width: 240px;
|
22
|
+
$mdc-permanent-drawer-dark-theme-bg-color: #212121 !default;
|
23
|
+
|
24
|
+
:root {
|
25
|
+
--mdc-permanent-drawer-dark-theme-bg-color: $mdc-permanent-drawer-dark-theme-bg-color;
|
26
|
+
}
|
22
27
|
|
23
28
|
.mdc-permanent-drawer {
|
24
29
|
@include mdc-drawer-base_;
|
@@ -27,7 +32,8 @@ $mdc-permanent-drawer-width: 240px;
|
|
27
32
|
@include mdc-rtl-reflexive-position(left, 0);
|
28
33
|
|
29
34
|
@include mdc-theme-dark {
|
30
|
-
background:
|
35
|
+
background-color: $mdc-permanent-drawer-dark-theme-bg-color;
|
36
|
+
background-color: var(--mdc-permanent-drawer-dark-theme-bg-color, #{$mdc-permanent-drawer-dark-theme-bg-color});
|
31
37
|
|
32
38
|
@include mdc-theme-prop(color, text-primary-on-dark);
|
33
39
|
@include mdc-rtl-reflexive-box(border, right, 1px solid rgba(white, .12));
|
@@ -0,0 +1,87 @@
|
|
1
|
+
//
|
2
|
+
// Copyright 2017 Google Inc. All Rights Reserved.
|
3
|
+
//
|
4
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
// you may not use this file except in compliance with the License.
|
6
|
+
// You may obtain a copy of the License at
|
7
|
+
//
|
8
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
//
|
10
|
+
// Unless required by applicable law or agreed to in writing, software
|
11
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
// See the License for the specific language governing permissions and
|
14
|
+
// limitations under the License.
|
15
|
+
//
|
16
|
+
|
17
|
+
@import "@material/rtl/mixins";
|
18
|
+
@import "@material/theme/mixins";
|
19
|
+
@import "../mixins";
|
20
|
+
@import "../slidable/mixins";
|
21
|
+
@import "../slidable/variables";
|
22
|
+
|
23
|
+
$mdc-persistent-drawer-width: 240px;
|
24
|
+
$mdc-persistent-drawer-dark-theme-bg-color: #212121 !default;
|
25
|
+
|
26
|
+
:root {
|
27
|
+
--mdc-persistent-drawer-dark-theme-bg-color: $mdc-persistent-drawer-dark-theme-bg-color;
|
28
|
+
}
|
29
|
+
|
30
|
+
.mdc-persistent-drawer {
|
31
|
+
@include mdc-drawer-base_;
|
32
|
+
width: 0;
|
33
|
+
|
34
|
+
&__drawer {
|
35
|
+
@include mdc-theme-prop(background, background);
|
36
|
+
@include mdc-rtl-reflexive-box(border, right, 1px solid #e4e4e4);
|
37
|
+
@include mdc-rtl-reflexive-position(left, 0);
|
38
|
+
|
39
|
+
@include mdc-theme-dark {
|
40
|
+
background-color: $mdc-persistent-drawer-dark-theme-bg-color;
|
41
|
+
background-color: var(--mdc-persistent-drawer-dark-theme-bg-color, #{$mdc-persistent-drawer-dark-theme-bg-color});
|
42
|
+
|
43
|
+
@include mdc-theme-prop(color, text-primary-on-dark);
|
44
|
+
@include mdc-rtl-reflexive-box(border, right, 1px solid rgba(white, .12));
|
45
|
+
}
|
46
|
+
|
47
|
+
@include mdc-slideable-drawer;
|
48
|
+
|
49
|
+
@include mdc-rtl(".mdc-persistent-drawer") {
|
50
|
+
@include mdc-slideable-drawer-rtl;
|
51
|
+
}
|
52
|
+
|
53
|
+
display: inline-flex;
|
54
|
+
flex-direction: column;
|
55
|
+
box-sizing: border-box;
|
56
|
+
overflow: hidden;
|
57
|
+
touch-action: none;
|
58
|
+
width: $mdc-persistent-drawer-width;
|
59
|
+
}
|
60
|
+
|
61
|
+
&--animating {
|
62
|
+
|
63
|
+
.mdc-persistent-drawer__drawer {
|
64
|
+
transition: $mdc-slidable-drawer-transition;
|
65
|
+
}
|
66
|
+
|
67
|
+
&.mdc-persistent-drawer--open .mdc-persistent-drawer__drawer {
|
68
|
+
transition: $mdc-slidable-drawer-transition-open;
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
&--open {
|
73
|
+
width: $mdc-persistent-drawer-width;
|
74
|
+
pointer-events: auto;
|
75
|
+
|
76
|
+
.mdc-persistent-drawer__drawer {
|
77
|
+
@include mdc-slideable-drawer-open;
|
78
|
+
}
|
79
|
+
|
80
|
+
// Specificity fix to ensure that mdc-drawer is not translated off-screen within an RTL context
|
81
|
+
@include mdc-rtl {
|
82
|
+
.mdc-persistent-drawer__drawer {
|
83
|
+
@include mdc-slideable-drawer-open;
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
}
|