perdido icon indicating copy to clipboard operation
perdido copied to clipboard

IE < edge doesn't like content: ''

Open johann-sonntagbauer opened this issue 8 years ago • 1 comments

I face problems with the following clearfix implementation:

var clearFix = {
  '*zoom': '1',

  '&:before': {
    content: "''",
    display: 'table'
  },

  '&:after': {
    content: "''",
    display: 'table',
    clear: 'both'
  }
};

The Problem with the definition are the quotes. When the content is specified with double quotes than there is no Problem in IE and other browsers a well. Is there any reason why the content is implemented in that special way?

When you are ok with that proposal I will formulate a PR for that.

johann-sonntagbauer avatar Sep 13 '16 07:09 johann-sonntagbauer

@johann-sonntagbauer sorry for the delayed reply, There isn't a particular reason, I just prefer single quotes in most things and since it gets compiled down to CSS I swapped it here. I'm going to do a pretty large refresh of Perdido to incorporate some of the changes from Lost as well as some Jss specific niceness this week though so I can get this while I do that. Thanks for the report.

wldcordeiro avatar Oct 07 '16 15:10 wldcordeiro