Skip to content

Improve customizability and v3 color support #216

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.

Sign up for GitHub

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

Merged
adamwathan merged 26 commits into from
Nov 7, 2021
Merged

Improve customizability and v3 color support #216

Changes from 1 commit
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
b5e3df5
Start scaffolding out components/modifiers
adamwathan Oct 2, 2021
1a59fec
WIP
adamwathan Oct 4, 2021
ea10b46
Updated pre-code and pre-bg colors
sschoger Oct 4, 2021
a71d918
WIP
adamwathan Oct 6, 2021
1a59466
Add some notes
adamwathan Oct 6, 2021
ce113c4
WIP
adamwathan Oct 8, 2021
da526ff
handle nested objects, e.g.: `@media`
RobinMalfait Oct 8, 2021
d39ae9f
WIP
adamwathan Oct 28, 2021
d46c458
simplify invert mode
RobinMalfait Oct 29, 2021
376ebe8
simplify base styles
RobinMalfait Oct 29, 2021
a025111
add `prose-XXX` variants
RobinMalfait Oct 29, 2021
b51b8ae
update demo pages
RobinMalfait Oct 29, 2021
a2b6a80
bump tailwind version
RobinMalfait Oct 29, 2021
d564a7d
mark insiders as a valid peer dependency
RobinMalfait Oct 29, 2021
16fac3b
bump next
RobinMalfait Oct 29, 2021
9a3afb8
use package-lock.json file
RobinMalfait Oct 29, 2021
a0b4ce5
cleanup
RobinMalfait Oct 29, 2021
f907e68
add more variants
RobinMalfait Oct 29, 2021
d432845
rename `rules` to `hr`
RobinMalfait Nov 2, 2021
68afb20
update test snapshots
RobinMalfait Nov 2, 2021
1270ac0
cleanup index file
RobinMalfait Nov 2, 2021
138122d
improve API
RobinMalfait Nov 2, 2021
e058363
Simplify variants, add more element variants
adamwathan Nov 2, 2021
a698d74
Refactor to use ::marker
adamwathan Nov 3, 2021
b2b08c5
Tweak marker positions to work better across multiple browsers
adamwathan Nov 4, 2021
785e83f
Simplify testing strategy
adamwathan Nov 5, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
simplify invert mode
  • Loading branch information
@RobinMalfait
RobinMalfait committed Oct 29, 2021
commit d46c45822119d28cb3795242db42603fdc530d66
76 changes: 16 additions & 60 deletions src/styles.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -936,68 +936,24 @@ let defaultModifiers = {
},

// Invert (for dark mode)

invert: {
css: {
color: 'var(--tw-prose-invert-body)',
'[class~="lead"]': {
color: 'var(--tw-prose-invert-lead)',
},
a: {
color: 'var(--tw-prose-invert-links)',
},
strong: {
color: 'var(--tw-prose-invert-bold)',
},
'ol > li::before': {
color: 'var(--tw-prose-invert-counters)',
},
'ul > li::before': {
backgroundColor: 'var(--tw-prose-invert-bullets)',
},
hr: {
borderColor: 'var(--tw-prose-invert-rules)',
},
blockquote: {
color: 'var(--tw-prose-invert-quotes)',
borderLeftColor: 'var(--tw-prose-invert-quote-borders)',
},
h1: {
color: 'var(--tw-prose-invert-headings)',
},
h2: {
color: 'var(--tw-prose-invert-headings)',
},
h3: {
color: 'var(--tw-prose-invert-headings)',
},
h4: {
color: 'var(--tw-prose-invert-headings)',
},
'figure figcaption': {
color: 'var(--tw-prose-invert-captions)',
},
code: {
color: 'var(--tw-prose-invert-code)',
},
'a code': {
color: 'var(--tw-prose-invert-links)',
},
pre: {
color: 'var(--tw-prose-invert-pre-code)',
backgroundColor: 'var(--tw-prose-invert-pre-bg)',
},
'pre code': {
backgroundColor: 'transparent',
color: 'inherit',
},
thead: {
color: 'var(--tw-prose-invert-headings)',
borderBottomColor: 'var(--tw-prose-invert-th-borders)',
},
'tbody tr': {
borderBottomColor: 'var(--tw-prose-invert-td-borders)',
},
'--tw-prose-body': 'var(--tw-prose-invert-body)',
'--tw-prose-headings': 'var(--tw-prose-invert-headings)',
'--tw-prose-lead': 'var(--tw-prose-invert-lead)',
'--tw-prose-links': 'var(--tw-prose-invert-links)',
'--tw-prose-bold': 'var(--tw-prose-invert-bold)',
'--tw-prose-counters': 'var(--tw-prose-invert-counters)',
'--tw-prose-bullets': 'var(--tw-prose-invert-bullets)',
'--tw-prose-rules': 'var(--tw-prose-invert-rules)',
'--tw-prose-quotes': 'var(--tw-prose-invert-quotes)',
'--tw-prose-quote-borders': 'var(--tw-prose-invert-quote-borders)',
'--tw-prose-captions': 'var(--tw-prose-invert-captions)',
'--tw-prose-code': 'var(--tw-prose-invert-code)',
'--tw-prose-pre-code': 'var(--tw-prose-invert-pre-code)',
'--tw-prose-pre-bg': 'var(--tw-prose-invert-pre-bg)',
'--tw-prose-th-borders': 'var(--tw-prose-invert-th-borders)',
'--tw-prose-td-borders': 'var(--tw-prose-invert-td-borders)',
},
},

Expand Down