Skip to content

Commit e9b7afd

Browse files
crisbetocrisbeto
committed
fix(material-experimental): errors with latest MDC canary version
A few hours ago MDC switched all their Sass to use the new Sass modules (see material-components/material-components-web@faa9af3). This breaks our MDC components since they've been set up to use global Sass variables. These changes switch all the imports to the `.import` files which use the old approach for exposing variables.
1 parent 71955d2 commit e9b7afd

33 files changed

+688
-581
lines changed

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@
5454
"@types/youtube": "^0.0.38",
5555
"@webcomponents/custom-elements": "^1.1.0",
5656
"core-js": "^2.6.9",
57-
"material-components-web": "5.0.0-canary.b602226ce.0",
57+
"material-components-web": "5.0.0-canary.faa9af310.0",
5858
"rxjs": "^6.5.3",
5959
"systemjs": "0.19.43",
6060
"tslib": "^1.10.0",

‎src/material-experimental/mdc-button/_mdc-button.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import '@material/button/mixins';
2-
@import '@material/button/variables';
3-
@import '@material/fab/mixins';
4-
@import '@material/ripple/mixins';
5-
@import '@material/icon-button/mixins';
1+
@import '@material/button/mixins.import';
2+
@import '@material/button/variables.import';
3+
@import '@material/fab/mixins.import';
4+
@import '@material/ripple/mixins.import';
5+
@import '@material/icon-button/mixins.import';
66
@import '../../material/core/ripple/ripple';
77
@import '../mdc-helpers/mdc-helpers';
88

‎src/material-experimental/mdc-button/button.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import '@material/button/mixins';
2-
@import '@material/button/variables';
3-
@import '@material/ripple/mixins';
1+
@import '@material/button/mixins.import';
2+
@import '@material/button/variables.import';
3+
@import '@material/ripple/mixins.import';
44
@import '../mdc-helpers/mdc-helpers';
55
@import '../../cdk/a11y/a11y';
66
@import '_button-base';

‎src/material-experimental/mdc-button/fab.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import '@material/fab/mixins';
2-
@import '@material/button/variables';
3-
@import '@material/theme/variables';
1+
@import '@material/fab/mixins.import';
2+
@import '@material/button/variables.import';
3+
@import '@material/theme/variables.import';
44
@import '../mdc-helpers/mdc-helpers';
55
@import '_button-base';
66

‎src/material-experimental/mdc-button/icon-button.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/icon-button/mixins';
1+
@import '@material/icon-button/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
33
@import '_button-base';
44

‎src/material-experimental/mdc-card/_mdc-card.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@import '@material/card/mixins';
2-
@import '@material/typography/mixins';
1+
@import '@material/card/mixins.import';
2+
@import '@material/typography/mixins.import';
33
@import '../mdc-helpers/mdc-helpers';
44

55
@mixin mat-card-theme-mdc($theme) {

‎src/material-experimental/mdc-card/card.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/card/mixins';
1+
@import '@material/card/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
33
@import '../../cdk/a11y/a11y';
44

‎src/material-experimental/mdc-checkbox/_mdc-checkbox.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import '@material/checkbox/mixins';
2-
@import '@material/checkbox/variables';
3-
@import '@material/form-field/mixins';
4-
@import '@material/ripple/variables';
5-
@import '@material/theme/functions';
1+
@import '@material/checkbox/mixins.import';
2+
@import '@material/checkbox/variables.import';
3+
@import '@material/form-field/mixins.import';
4+
@import '@material/ripple/variables.import';
5+
@import '@material/theme/functions.import';
66
@import '../mdc-helpers/mdc-helpers';
77

88
@mixin mat-checkbox-theme-mdc($theme) {

‎src/material-experimental/mdc-checkbox/checkbox.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import '@material/checkbox/functions';
2-
@import '@material/checkbox/mixins';
3-
@import '@material/form-field/mixins';
4-
@import '@material/ripple/variables';
1+
@import '@material/checkbox/functions.import';
2+
@import '@material/checkbox/mixins.import';
3+
@import '@material/form-field/mixins.import';
4+
@import '@material/ripple/variables.import';
55
@import '../mdc-helpers/mdc-helpers';
66

77
@include mdc-checkbox-without-ripple($query: $mat-base-styles-query);

‎src/material-experimental/mdc-chips/_mdc-chips.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import '@material/chips/mixins';
1+
@import '@material/chips/mixins.import';
22
@import '../mdc-helpers/mdc-helpers';
3-
@import '@material/theme/functions';
3+
@import '@material/theme/functions.import';
44

55
@mixin mat-chips-theme-mdc($theme) {
66
@include mdc-chip-set-core-styles($query: $mat-theme-styles-query);

‎src/material-experimental/mdc-chips/chips.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/chips/mixins';
1+
@import '@material/chips/mixins.import';
22
@import '../../material/core/style/layout-common';
33
@import '../../material/core/style/noop-animation';
44
@import '../../cdk/a11y/a11y';

‎src/material-experimental/mdc-form-field/_form-field-sizing.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/textfield/variables';
1+
@import '@material/textfield/variables.import';
22

33
// Top spacing of the form-field outline. MDC does not have a variable for this
44
// and just hard-codes it into their styles.

‎src/material-experimental/mdc-form-field/_mdc-form-field.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '@material/textfield/variables';
1+
@import '@material/textfield/variables.import';
22
@import '../mdc-helpers/mdc-helpers';
33
@import 'form-field-subscript';
44
@import 'form-field-bottom-line';

‎src/material-experimental/mdc-helpers/BUILD.bazel

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,112 +24,218 @@ ng_module(
2424
sass_library(
2525
name = "mdc_scss_deps_lib",
2626
srcs = [
27+
"@npm//:node_modules/@material/animation/_functions.import.scss",
2728
"@npm//:node_modules/@material/animation/_functions.scss",
29+
"@npm//:node_modules/@material/animation/_variables.import.scss",
2830
"@npm//:node_modules/@material/animation/_variables.scss",
31+
"@npm//:node_modules/@material/base/_mixins.import.scss",
2932
"@npm//:node_modules/@material/base/_mixins.scss",
33+
"@npm//:node_modules/@material/button/_mixins.import.scss",
3034
"@npm//:node_modules/@material/button/_mixins.scss",
35+
"@npm//:node_modules/@material/button/_variables.import.scss",
3136
"@npm//:node_modules/@material/button/_variables.scss",
37+
"@npm//:node_modules/@material/card/_mixins.import.scss",
3238
"@npm//:node_modules/@material/card/_mixins.scss",
39+
"@npm//:node_modules/@material/card/_variables.import.scss",
3340
"@npm//:node_modules/@material/card/_variables.scss",
41+
"@npm//:node_modules/@material/checkbox/_functions.import.scss",
3442
"@npm//:node_modules/@material/checkbox/_functions.scss",
43+
"@npm//:node_modules/@material/checkbox/_keyframes.import.scss",
3544
"@npm//:node_modules/@material/checkbox/_keyframes.scss",
45+
"@npm//:node_modules/@material/checkbox/_mixins.import.scss",
3646
"@npm//:node_modules/@material/checkbox/_mixins.scss",
47+
"@npm//:node_modules/@material/checkbox/_variables.import.scss",
3748
"@npm//:node_modules/@material/checkbox/_variables.scss",
49+
"@npm//:node_modules/@material/chips/_mixins.import.scss",
3850
"@npm//:node_modules/@material/chips/_mixins.scss",
51+
"@npm//:node_modules/@material/chips/_variables.import.scss",
3952
"@npm//:node_modules/@material/chips/_variables.scss",
53+
"@npm//:node_modules/@material/data-table/_mixins.import.scss",
4054
"@npm//:node_modules/@material/data-table/_mixins.scss",
55+
"@npm//:node_modules/@material/data-table/_variables.import.scss",
4156
"@npm//:node_modules/@material/data-table/_variables.scss",
57+
"@npm//:node_modules/@material/density/_functions.import.scss",
4258
"@npm//:node_modules/@material/density/_functions.scss",
59+
"@npm//:node_modules/@material/density/_variables.import.scss",
4360
"@npm//:node_modules/@material/density/_variables.scss",
61+
"@npm//:node_modules/@material/dialog/_mixins.import.scss",
4462
"@npm//:node_modules/@material/dialog/_mixins.scss",
63+
"@npm//:node_modules/@material/dialog/_variables.import.scss",
4564
"@npm//:node_modules/@material/dialog/_variables.scss",
65+
"@npm//:node_modules/@material/drawer/_mixins.import.scss",
4666
"@npm//:node_modules/@material/drawer/_mixins.scss",
67+
"@npm//:node_modules/@material/drawer/_variables.import.scss",
4768
"@npm//:node_modules/@material/drawer/_variables.scss",
69+
"@npm//:node_modules/@material/elevation/_functions.import.scss",
4870
"@npm//:node_modules/@material/elevation/_functions.scss",
71+
"@npm//:node_modules/@material/elevation/_mixins.import.scss",
4972
"@npm//:node_modules/@material/elevation/_mixins.scss",
73+
"@npm//:node_modules/@material/elevation/_variables.import.scss",
5074
"@npm//:node_modules/@material/elevation/_variables.scss",
75+
"@npm//:node_modules/@material/fab/_mixins.import.scss",
5176
"@npm//:node_modules/@material/fab/_mixins.scss",
77+
"@npm//:node_modules/@material/fab/_variables.import.scss",
5278
"@npm//:node_modules/@material/fab/_variables.scss",
79+
"@npm//:node_modules/@material/feature-targeting/_functions.import.scss",
5380
"@npm//:node_modules/@material/feature-targeting/_functions.scss",
81+
"@npm//:node_modules/@material/feature-targeting/_mixins.import.scss",
5482
"@npm//:node_modules/@material/feature-targeting/_mixins.scss",
83+
"@npm//:node_modules/@material/feature-targeting/_variables.import.scss",
5584
"@npm//:node_modules/@material/feature-targeting/_variables.scss",
85+
"@npm//:node_modules/@material/floating-label/_mixins.import.scss",
5686
"@npm//:node_modules/@material/floating-label/_mixins.scss",
87+
"@npm//:node_modules/@material/floating-label/_variables.import.scss",
5788
"@npm//:node_modules/@material/floating-label/_variables.scss",
89+
"@npm//:node_modules/@material/form-field/_mixins.import.scss",
5890
"@npm//:node_modules/@material/form-field/_mixins.scss",
91+
"@npm//:node_modules/@material/form-field/_variables.import.scss",
5992
"@npm//:node_modules/@material/form-field/_variables.scss",
93+
"@npm//:node_modules/@material/grid-list/_mixins.import.scss",
6094
"@npm//:node_modules/@material/grid-list/_mixins.scss",
95+
"@npm//:node_modules/@material/grid-list/_variables.import.scss",
6196
"@npm//:node_modules/@material/grid-list/_variables.scss",
97+
"@npm//:node_modules/@material/icon-button/_mixins.import.scss",
6298
"@npm//:node_modules/@material/icon-button/_mixins.scss",
99+
"@npm//:node_modules/@material/icon-button/_variables.import.scss",
63100
"@npm//:node_modules/@material/icon-button/_variables.scss",
101+
"@npm//:node_modules/@material/image-list/_mixins.import.scss",
64102
"@npm//:node_modules/@material/image-list/_mixins.scss",
103+
"@npm//:node_modules/@material/image-list/_variables.import.scss",
65104
"@npm//:node_modules/@material/image-list/_variables.scss",
105+
"@npm//:node_modules/@material/layout-grid/_mixins.import.scss",
66106
"@npm//:node_modules/@material/layout-grid/_mixins.scss",
107+
"@npm//:node_modules/@material/layout-grid/_variables.import.scss",
67108
"@npm//:node_modules/@material/layout-grid/_variables.scss",
109+
"@npm//:node_modules/@material/line-ripple/_functions.import.scss",
68110
"@npm//:node_modules/@material/line-ripple/_functions.scss",
111+
"@npm//:node_modules/@material/line-ripple/_mixins.import.scss",
69112
"@npm//:node_modules/@material/line-ripple/_mixins.scss",
113+
"@npm//:node_modules/@material/linear-progress/_keyframes.import.scss",
70114
"@npm//:node_modules/@material/linear-progress/_keyframes.scss",
115+
"@npm//:node_modules/@material/linear-progress/_mixins.import.scss",
71116
"@npm//:node_modules/@material/linear-progress/_mixins.scss",
117+
"@npm//:node_modules/@material/linear-progress/_variables.import.scss",
72118
"@npm//:node_modules/@material/linear-progress/_variables.scss",
119+
"@npm//:node_modules/@material/list/_mixins.import.scss",
73120
"@npm//:node_modules/@material/list/_mixins.scss",
121+
"@npm//:node_modules/@material/list/_variables.import.scss",
74122
"@npm//:node_modules/@material/list/_variables.scss",
123+
"@npm//:node_modules/@material/menu-surface/_mixins.import.scss",
75124
"@npm//:node_modules/@material/menu-surface/_mixins.scss",
125+
"@npm//:node_modules/@material/menu-surface/_variables.import.scss",
76126
"@npm//:node_modules/@material/menu-surface/_variables.scss",
127+
"@npm//:node_modules/@material/menu/_mixins.import.scss",
77128
"@npm//:node_modules/@material/menu/_mixins.scss",
129+
"@npm//:node_modules/@material/menu/_variables.import.scss",
78130
"@npm//:node_modules/@material/menu/_variables.scss",
131+
"@npm//:node_modules/@material/notched-outline/_mixins.import.scss",
79132
"@npm//:node_modules/@material/notched-outline/_mixins.scss",
133+
"@npm//:node_modules/@material/notched-outline/_variables.import.scss",
80134
"@npm//:node_modules/@material/notched-outline/_variables.scss",
135+
"@npm//:node_modules/@material/radio/_functions.import.scss",
81136
"@npm//:node_modules/@material/radio/_functions.scss",
137+
"@npm//:node_modules/@material/radio/_mixins.import.scss",
82138
"@npm//:node_modules/@material/radio/_mixins.scss",
139+
"@npm//:node_modules/@material/radio/_variables.import.scss",
83140
"@npm//:node_modules/@material/radio/_variables.scss",
141+
"@npm//:node_modules/@material/ripple/_functions.import.scss",
84142
"@npm//:node_modules/@material/ripple/_functions.scss",
143+
"@npm//:node_modules/@material/ripple/_keyframes.import.scss",
85144
"@npm//:node_modules/@material/ripple/_keyframes.scss",
145+
"@npm//:node_modules/@material/ripple/_mixins.import.scss",
86146
"@npm//:node_modules/@material/ripple/_mixins.scss",
147+
"@npm//:node_modules/@material/ripple/_variables.import.scss",
87148
"@npm//:node_modules/@material/ripple/_variables.scss",
149+
"@npm//:node_modules/@material/rtl/_mixins.import.scss",
88150
"@npm//:node_modules/@material/rtl/_mixins.scss",
151+
"@npm//:node_modules/@material/rtl/_variables.import.scss",
89152
"@npm//:node_modules/@material/rtl/_variables.scss",
153+
"@npm//:node_modules/@material/select/_functions.import.scss",
90154
"@npm//:node_modules/@material/select/_functions.scss",
91155
"@npm//:node_modules/@material/select/_keyframes.scss",
156+
"@npm//:node_modules/@material/select/_mixins.import.scss",
92157
"@npm//:node_modules/@material/select/_mixins.scss",
158+
"@npm//:node_modules/@material/select/_variables.import.scss",
93159
"@npm//:node_modules/@material/select/_variables.scss",
160+
"@npm//:node_modules/@material/select/helper-text/_mixins.import.scss",
94161
"@npm//:node_modules/@material/select/helper-text/_mixins.scss",
162+
"@npm//:node_modules/@material/select/icon/_mixins.import.scss",
95163
"@npm//:node_modules/@material/select/icon/_mixins.scss",
164+
"@npm//:node_modules/@material/select/icon/_variables.import.scss",
96165
"@npm//:node_modules/@material/select/icon/_variables.scss",
166+
"@npm//:node_modules/@material/shape/_functions.import.scss",
97167
"@npm//:node_modules/@material/shape/_functions.scss",
168+
"@npm//:node_modules/@material/shape/_mixins.import.scss",
98169
"@npm//:node_modules/@material/shape/_mixins.scss",
170+
"@npm//:node_modules/@material/shape/_variables.import.scss",
99171
"@npm//:node_modules/@material/shape/_variables.scss",
172+
"@npm//:node_modules/@material/slider/_keyframes.import.scss",
100173
"@npm//:node_modules/@material/slider/_keyframes.scss",
174+
"@npm//:node_modules/@material/slider/_mixins.import.scss",
101175
"@npm//:node_modules/@material/slider/_mixins.scss",
176+
"@npm//:node_modules/@material/slider/_variables.import.scss",
102177
"@npm//:node_modules/@material/slider/_variables.scss",
178+
"@npm//:node_modules/@material/snackbar/_mixins.import.scss",
103179
"@npm//:node_modules/@material/snackbar/_mixins.scss",
180+
"@npm//:node_modules/@material/snackbar/_variables.import.scss",
104181
"@npm//:node_modules/@material/snackbar/_variables.scss",
182+
"@npm//:node_modules/@material/switch/_functions.import.scss",
105183
"@npm//:node_modules/@material/switch/_functions.scss",
184+
"@npm//:node_modules/@material/switch/_mixins.import.scss",
106185
"@npm//:node_modules/@material/switch/_mixins.scss",
186+
"@npm//:node_modules/@material/switch/_variables.import.scss",
107187
"@npm//:node_modules/@material/switch/_variables.scss",
188+
"@npm//:node_modules/@material/tab-bar/_mixins.import.scss",
108189
"@npm//:node_modules/@material/tab-bar/_mixins.scss",
190+
"@npm//:node_modules/@material/tab-bar/_variables.import.scss",
109191
"@npm//:node_modules/@material/tab-bar/_variables.scss",
192+
"@npm//:node_modules/@material/tab-indicator/_mixins.import.scss",
110193
"@npm//:node_modules/@material/tab-indicator/_mixins.scss",
194+
"@npm//:node_modules/@material/tab-scroller/_mixins.import.scss",
111195
"@npm//:node_modules/@material/tab-scroller/_mixins.scss",
196+
"@npm//:node_modules/@material/tab-scroller/_variables.import.scss",
112197
"@npm//:node_modules/@material/tab-scroller/_variables.scss",
198+
"@npm//:node_modules/@material/tab/_mixins.import.scss",
113199
"@npm//:node_modules/@material/tab/_mixins.scss",
200+
"@npm//:node_modules/@material/tab/_variables.import.scss",
114201
"@npm//:node_modules/@material/tab/_variables.scss",
202+
"@npm//:node_modules/@material/textfield/_functions.import.scss",
115203
"@npm//:node_modules/@material/textfield/_functions.scss",
204+
"@npm//:node_modules/@material/textfield/_mixins.import.scss",
116205
"@npm//:node_modules/@material/textfield/_mixins.scss",
206+
"@npm//:node_modules/@material/textfield/_variables.import.scss",
117207
"@npm//:node_modules/@material/textfield/_variables.scss",
208+
"@npm//:node_modules/@material/textfield/character-counter/_mixins.import.scss",
118209
"@npm//:node_modules/@material/textfield/character-counter/_mixins.scss",
210+
"@npm//:node_modules/@material/textfield/helper-text/_mixins.import.scss",
119211
"@npm//:node_modules/@material/textfield/helper-text/_mixins.scss",
212+
"@npm//:node_modules/@material/textfield/icon/_mixins.import.scss",
120213
"@npm//:node_modules/@material/textfield/icon/_mixins.scss",
214+
"@npm//:node_modules/@material/textfield/icon/_variables.import.scss",
121215
"@npm//:node_modules/@material/textfield/icon/_variables.scss",
216+
"@npm//:node_modules/@material/theme/_color-palette.import.scss",
122217
"@npm//:node_modules/@material/theme/_color-palette.scss",
218+
"@npm//:node_modules/@material/theme/_constants.import.scss",
123219
"@npm//:node_modules/@material/theme/_constants.scss",
220+
"@npm//:node_modules/@material/theme/_functions.import.scss",
124221
"@npm//:node_modules/@material/theme/_functions.scss",
222+
"@npm//:node_modules/@material/theme/_mixins.import.scss",
125223
"@npm//:node_modules/@material/theme/_mixins.scss",
224+
"@npm//:node_modules/@material/theme/_variables.import.scss",
126225
"@npm//:node_modules/@material/theme/_variables.scss",
226+
"@npm//:node_modules/@material/top-app-bar/_mixins.import.scss",
127227
"@npm//:node_modules/@material/top-app-bar/_mixins.scss",
228+
"@npm//:node_modules/@material/top-app-bar/_variables.import.scss",
128229
"@npm//:node_modules/@material/top-app-bar/_variables.scss",
230+
"@npm//:node_modules/@material/touch-target/_mixins.import.scss",
129231
"@npm//:node_modules/@material/touch-target/_mixins.scss",
232+
"@npm//:node_modules/@material/touch-target/_variables.import.scss",
130233
"@npm//:node_modules/@material/touch-target/_variables.scss",
234+
"@npm//:node_modules/@material/typography/_functions.import.scss",
131235
"@npm//:node_modules/@material/typography/_functions.scss",
236+
"@npm//:node_modules/@material/typography/_mixins.import.scss",
132237
"@npm//:node_modules/@material/typography/_mixins.scss",
238+
"@npm//:node_modules/@material/typography/_variables.import.scss",
133239
"@npm//:node_modules/@material/typography/_variables.scss",
134240
],
135241
)

‎src/material-experimental/mdc-helpers/_mdc-helpers.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
// "theming", "typography", "core". Currently splitting it is difficult because of our brittle
33
// gulp-based release build process. We can update this when we switch to bazel.
44

5-
@import '@material/feature-targeting/functions';
6-
@import '@material/theme/functions';
7-
@import '@material/theme/variables';
8-
@import '@material/typography/variables';
5+
@import '@material/feature-targeting/functions.import';
6+
@import '@material/theme/functions.import';
7+
@import '@material/theme/variables.import';
8+
@import '@material/typography/variables.import';
99
@import '../../material/core/theming/theming';
1010
@import '../../material/core/typography/typography';
1111

‎src/material-experimental/mdc-menu/_mdc-menu.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
@import '@material/menu-surface/mixins';
2-
@import '@material/menu-surface/variables';
3-
@import '@material/list/mixins';
4-
@import '@material/list/variables';
5-
@import '@material/theme/functions';
1+
@import '@material/menu-surface/mixins.import';
2+
@import '@material/menu-surface/variables.import';
3+
@import '@material/list/mixins.import';
4+
@import '@material/list/variables.import';
5+
@import '@material/theme/functions.import';
66
@import '../mdc-helpers/mdc-helpers';
77

88
@mixin mat-menu-theme-mdc($theme) {

0 commit comments

Comments
 (0)