search

jxnblk / tachyons-components

React UI components powered by Tachyons with a styled-components like API
MIT License
411 stars 15 forks source link

Classes with nested children don't work #4

Closed tvararu closed 4 years ago

tvararu commented 7 years ago

From reading tachyons.json these probably don't work, because the keys contain whitespace:

"nested-copy-line-height p": ".nested-copy-line-height p{line-height:1.5}",
"nested-headline-line-height h1": ".nested-headline-line-height h1{line-height:1.25}",
"nested-list-reset ul": ".nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}",
"nested-copy-indent p+p": ".nested-copy-indent p+p{-webkit-text-indent:1em;text-indent:1em;margin-top:0;margin-bottom:0}",
"nested-copy-seperator p+p": ".nested-copy-seperator p+p{margin-top:1.5em}",
"nested-img img": ".nested-img img{width:100%;max-width:100%;display:block}",
"nested-links a": ".nested-links a{color:#357edd;-webkit-transition:color .15s ease-in;transition:color .15s ease-in}",
"nested-links a:hover": ".nested-links a:hover{color:#96ccff;-webkit-transition:color .15s ease-in;transition:color .15s ease-in}",
"nested-links a:focus": ".nested-links a:focus{color:#96ccff;-webkit-transition:color .15s ease-in;transition:color .15s ease-in}",
"debug *": ".debug *{outline:1px solid gold}",
"debug-white *": ".debug-white *{outline:1px solid white}",
"debug-black *": ".debug-black *{outline:1px solid black}",