diff --git a/examples/css/atomic.css b/examples/css/atomic.css index ea82d78b..2585cbfe 100644 --- a/examples/css/atomic.css +++ b/examples/css/atomic.css @@ -4,12 +4,6 @@ .Bgbm\(di\) { background-blend-mode: difference; } -.Bgbm\(n\) { - background-blend-mode: normal; -} -.foo .foo_Bgbm\(h\) { - background-blend-mode: hue; -} .Bgc\(\#000\) { background-color: #000; } @@ -177,12 +171,6 @@ .Mb\(10px\) { margin-bottom: 10px; } -.bar .bar_Mbm\(s\) { - mix-blend-mode: saturation; -} -.Mbm\(pl\) { - mix-blend-mode: plus-lighter; -} .Mbm\(sc\) { mix-blend-mode: screen; } @@ -201,10 +189,7 @@ .P\(3rem\) { padding: 3rem; } -.Td\(u\) { - text-decoration: underline; -} -.Td\(u\)\:h:hover { +.Td\(u\), .Td\(u\)\:h:hover { text-decoration: underline; } .foo > .foo\>W\(uh\) { @@ -258,6 +243,13 @@ .W\(9\/12\) { width: 75%; } +.Cf:before, .Cf:after { + content: " "; + display: table; +} +.Cf:after { + clear: both; +} @media(min-width:500px) { .D\(b\)--sm { display: block; diff --git a/examples/simple.html b/examples/simple.html index 9eb9e365..17c74828 100644 --- a/examples/simple.html +++ b/examples/simple.html @@ -18,7 +18,7 @@

Simple

Large Red Text
-
Big black box
+
Big black box
diff --git a/packages/atomizer/src/helpers.js b/packages/atomizer/src/helpers.js index 41cb16d1..a943c573 100644 --- a/packages/atomizer/src/helpers.js +++ b/packages/atomizer/src/helpers.js @@ -162,6 +162,7 @@ module.exports = [ 'link': 'https://acss.io/guides/helper-classes.html#-cf-clearfix-', 'matcher': 'Cf', 'noParams': true, + 'styles': {}, 'rules': { '.Cf:before, .Cf:after': { 'content': '" "',