On Wed, Jun 22, 2016 at 11:06 AM Tom Livingston <tom...@gmail.com> wrote:

> List,
>
> Do you use separate css (or LESS or Sass) files for each breakpoint, or
> MQ's blended in with the rest? Why?
>
> Up to this point, I have always used separate scss files for each
> breakpoint and used Sass imports to make them into a single css file. With
> changes made to our browser support here where I work, I am now wondering
> if I should change my method and if there are any significant efficiencies
> with working MQs in with the rest of my styles in a single scss file.
>
> Thoughts?
>
>
>
I break all my SASS files out into separate components now (navigation,
header, footer, forms, feature-widget, etc.) so it really only makes sense
to also include the mediaqueries for each component in the same file. The
question of whether to do them inline as I need them, or group them all
together in a single block for each breakpoint is still kind of up in the
air. Kind of depends on how big the component file is and whether it's more
clear to group all the breakpoint rules together, or mix them all in.

Tim
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to