prefix or suffix media query rules? about assembly HOT 6 CLOSED

How about sm and md instead of phone and tablet?

👍

I vote for pad-top-5-sm. It's cleaner to read on the element:

<div class='pad-top-5 pad-top-5-sm' />

If it's suffixed my eye misses that it's about padding and similar to the one before it:

<div class='pad-top-5 sm-pad-top-5' />

If it's before the value it's breaks things up a little and doesn't feel as consistent:

<div class='pad-top-5 pad-top-sm-5' />

from assembly.

We should be now enforcing with our selector-class-pattern rule that -sm, -md, and -lg can only appear at the end of the class name.

from assembly.

I vote for tablet-pad-top-5

from assembly.

How about sm and md instead of phone and tablet?

I vote for pad-top-sm-5 instead. Pow! To keep things lively.

from assembly.

I change my vote to ^^

from assembly.

Lets enforce sm, md suffix this with a stylelint rule and then close it out.

from assembly.