[mdc-top-app-bar] Including core-styles does not work
See original GitHub issueBug report
When I @use
top-app-bar, it fails and can’t find the mixin core-styles
.
Actual behavior
Webpack throws an error: ‘Undefined mixin’.
Expected behavior
Webpack should compile the source files.
Screenshots
https://cdn.discordapp.com/attachments/278684671179489281/700760884078706798/unknown.png
Your Environment:
Software | Version(s) |
---|---|
MDC Web | 5.1.0 |
Browser | Chrome |
Operating System | Windows 10 Pro |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Material Design tab-Indicator Mixin Undefined - Stack Overflow
There are a number of problems here: @use adds namespace to imported members, see @use docs. So you should prefix mixin with the...
Read more >App bars: top - Material Design
Short top app bars are top app bars that can collapse to the navigation icon side when scrolled. ... Note: Short top app...
Read more >@material/top-app-bar - npm
A regular top app bar can transform into a contextual action bar. ... @use "@material/top-app-bar/mdc-top-app-bar"; @include ...
Read more >Custom Theme for Angular Material Components Series: Part 2
mat-core - This will render all core styles which are not theme-dependent. We are including this in our styles.scss directly, step 1️⃣ of...
Read more >Has anyone tried using compose web with https github com mat ...
Has anyone tried using compose-web with mdc yet? jim. 05/23/2021, 3:00 PM. Not that I know of, but it should totally work. Let...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It doesn’t mean anything, core-styles and the mdc-* import are the exact same thing, just a different way of including the CSS. One is a side-effect import and the other is more explicit.
The downside to the mdc-* import is that you need to remember to include another import if you want to use mixins. That (plus avoiding side-effects and preferring explicit style generation) is the reason we’re moving to the core-styles pattern.
Is exactly the same as
Ok so perhaps this will be done in the next few weeks? When you can’t @include top-app-bar.core-styles does this mean that all the sass mixins do not work or what does not being able to include core-styles effect?