Twenty Twenty-One: defining standard `appearance` property in the CSS files

[viralsampat]

Hello Team,

I have reviewed twenty twenty-one theme and found CSS compatibility changes into the CSS file.

So, I think that it should be resolve it for consistency and standard.

Thanks,

[viralsampat]

I have checked above mentioned issue and founds few files. Here, I have added its patch.

[dd32]

Hello @viralsampat,

The CSS files you've edited in the attached patch are generated from the files within the assets/sass folder.

It appears that the rules you've altered all come from the external library, normalize.

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

The CSS rules from normalize are intentionally not cross-browser, as they exist purely to "normalize" the display in various browsers.

Is there a specific problem which you're attempting to resolve with this ticket? or is it purely formatting and consistency? If so, I believe this ticket is actually invalid as normalize is intentional.

[sabernhardt]

The patch involves more than normalize.css, but I would not recommend the proposed changes.

• The button and [type=search] rulesets come from the normalize.css external library (which ​the theme has modified). The library mentions that those two rulesets are for "iOS and Safari" and for "Chrome and Safari".
• The checkboxes and radio buttons and the range inputs have special styles within a @supports (-webkit-appearance: none) or (-moz-appearance: none) condition (​PR 142). If some browser needs appearance: none, and if no other browsers would have a problem with that rule, then it likely would belong in the feature query list with the prefixed properties.
• The classic Search widget field styles target small iOS devices (​PR 400).