Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adopt ::where selector to class variants for making styles overrideable #267

Merged
merged 2 commits into from
Nov 3, 2021

Conversation

yhatt
Copy link
Member

@yhatt yhatt commented Nov 3, 2021

Changed to use :where() selector for defining the built-in themes class variants such as invert. It makes variant styles overrideable through <style> inline style by the Markdown author easily.

v2

<!-- class: invert -->

<style>
section {
  /* ❗️ This override will not work unless using !important */
  background: gray;
}
</style>

Invert variant

v3

<!-- class: invert -->

<style>
section {
  background: gray;
}
</style>

Invert variant

Related: #244

@yhatt yhatt merged commit 82c5d71 into v3 Nov 3, 2021
@yhatt yhatt deleted the where-selector branch November 3, 2021 02:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant