-
Couldn't load subscription status.
- Fork 699
Remove all CSS files #399
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
Remove all CSS files #399
Conversation
- Delete prism.{dark,light}.css
- Move prism themes into a css`` block
- Add `prism` to theme
- Use prism themes in CodePane and ComponentPlayground
- Add theme.components.syntax for all Editor components, like the one in ComponentPlayground and CodePane - Removed prism.base.js since those are now inside the syntax styles - Added specificity override to Editor components to allow for external prism CSS theme - Use tertiary font-family in all syntax components
src/themes/default/screen.js
Outdated
| tabSize: 2, | ||
| hyphens: 'none', | ||
| whiteSpace: 'pre-wrap', | ||
|
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
NIT: Extra newline?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh, sorry, I'm used to separate some CSS properties from each other. Will get rid of it 😄
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Lovely! Enjoy both dark and light themes and easily switchable.
Fix #291
src/themes/defaultinto a newprismproperty containinglightanddarkindex.cssintotheme.globaland removeindex.cssIt seems that
normalize.cssis not required anymore btw. The example presentation seems 100% ok without it, as far as I can tell.Edit: The commit 6c678b1 allows a user to just include a prism css file like so to override the default two prism themes:
This takes a higher precedence than emotion, but the base file does include some styles that are more important, which have been assigned a higher specificity:
spectacle/src/themes/default/prism.base.js
Lines 23 to 28 in 6c678b1
This means that those can still be overridden using
!important.