fix: add style block for Cf helper (#456)

acss-io · Jul 21, 2022 · 3618913 · 3618913 · vercel · Jul 21, 2022
1 parent dd7d66c
commit 3618913
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 17 deletions.
diff --git 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
@@ -18,7 +18,7 @@ <h1>Simple</h1>
 
             <div class="Fz(2rem) My(1rem) P(1rem) Bdb(1) C(#ff0000)">Large Red Text</div>
 
-            <div class="H(100%) W(500px) Bgc(#000) P(3rem) C(#fff)">Big black box</div>
+            <div class="H(100%) W(500px) Bgc(#000) P(3rem) C(#fff) Cf">Big black box</div>
         </main>
 
         <!-- this is just to reload the page if you make any changes to the html -->

diff --git 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': '" "',