Open mupchrch opened 4 years ago
Yes, this seems like a mistake. Until it's fixed, this hack worked for me:
// In Typography constructor:
overrideStyles: () => ({
'td,th': {
textAlign: null,
},
// ...
}),
It creates an invalid property value 'null' so the browser ignores it.
The hack worked for me too. A possible solution would be a new feature something like this
removeStyles: () => ({
'td,th': [textAlign, other rules],
// ...
}),
Why do
thead
,td
, andth
havetext-align="left"
applied to them here?This kind of breaks the
align
property used in tables. More specifically, it is preventing the following markdown feature when usinggatsby-transform-remark
:If that's just the way it is, that's cool, but is there a way to prevent/override it? I'm having trouble figuring out how to "unset" it. I've tried: