csswizardry/email.md

Last active September 5, 2018 14:31

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/csswizardry/c849d22bdc160dc615df.js"></script>
Save csswizardry/c849d22bdc160dc615df to your computer and use it in GitHub Desktop.

I frequently get asked about over-abstracted CSS, and ‘can CSS be too modular’, so I thought I’d publish this anonymised email I received, along with my reply.

Raw

email.md

This post has moved

I published this email exchange as a full post at csswizardry.com/…/can-css-be-too-modular.

jacquesletesson commented Feb 20, 2015

To ease readability of the source and make a clear distinction between component related classes and utility classes , we could visually combine these classes with brackets like you do on http://csswizardry.com/

<div class="[ slider  slider--large slider--loading ] mb pt">

</div>

jshjohnson commented Mar 6, 2015

"That is to say, having padding: 6px; appear in your CSS 50 times is no big deal. You will feel no performance impact. Gzip will crunch the bejeezus out of it."

Optimisation tools such as CSSO (https://github.com/css/csso) that can be incorporated into task runners avoid this problem!