Skip to content

IE6/7 CSS Hack causing build errorsΒ #729

Description

@SCatella

Hi! πŸ‘‹

Firstly, thanks for your work on this project! πŸ™‚

Today I used patch-package to patch tachyons@4.12.0 for the project I'm working on.

I needed to remove ".cf { *zoom: 1; }" IE6/7 css hack in tachyons.css and tachyons.min.css to avoid errors in when building my project.

Here is the diff that solved my problem:

diff --git a/node_modules/tachyons/css/tachyons.css b/node_modules/tachyons/css/tachyons.css
index 75387e6..c8e76ac 100644
--- a/node_modules/tachyons/css/tachyons.css
+++ b/node_modules/tachyons/css/tachyons.css
@@ -576,7 +576,6 @@ img { max-width: 100%; }
Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
-.cf { *zoom: 1; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

This issue body was partially generated by patch-package.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions