Skip to content

@media gets overridden by default styles #7

@mlshv

Description

@mlshv

This code

Button {
  display: block;
  
  @media screen and (min-width: 48rem) {
    display: none;
  }
}

gets parsed into

@media screen and (min-width: 48rem) {
    .__Button__hash__ {
        display: none;
    }
}

.__Button__hash__ {
    display: block;
}

which results in display: block on any screen, because @media gets overridden by .__Button__hash__

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions