Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[MDC-LIST] missing core-styles mixin

See original GitHub issue

Bug report

Suggested by the docs styles usage does not work - core-styles mixin is missing.

@use "@material/list";
@include list.core-styles;

Your Environment:

Software	Version(s)
MDC Web	11.0.0

Additional context

I see that the original styles have been renamed to deprecated so have a lot of original mixins.

Issue Analytics

State:
Created 2 years ago
Reactions:7
Comments:11 (4 by maintainers)

Top GitHub Comments

4reactions

MaximBalaganskiycommented, Apr 22, 2021

The issue with evolution styles is that there are no docs on how to use them. I’ve tried building core styles myself but without dom structure understanding it is a bit hard

3reactions

MaximBalaganskiycommented, Jul 28, 2021

Looks like the list has not been promoted from “evolution” yet. The following should work

@use "@material/list/evolution-mixins"as list-evolution-mixins;
@include list-evolution-mixins.core-styles();

Top Results From Across the Web

Material Design tab-Indicator Mixin Undefined - Stack Overflow

I'm new to this framework and using sass so I'm sure I'm missing something. App.scss looks like this: @use "@material/theme" with ( $primary ......

material-components-web: packages/mdc-list/_mixins.scss

As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) Sass/SCSS source code syntax highlighting...

@material/notched-outline | Yarn - Package Manager

... dialog: Separate static styles from dialog core-styles mixin (43d2eed) ... select: empty space around mdc-list-item__text spans removed in select markup ...

@material/dialog - npm

Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks. There are four types of ...

Dialogs - Material Design

For example, to instantiate an MDC List inside of a simple or confirmation ... Note: The max-width and max-height mixins only apply their...