Listers, I was just reading a great article by Veerle Pieters ( here <http://veerle.duoh.com/design/article/my_process_of_creating_the_arriva_web_site> ) which linked to another article ( here <https://css-tricks.com/snippets/sass/mixin-manage-breakpoints/> ) that made me stop and think about how I implement media queries and wondered if it was a good or bad way of doing it or if it doesn't matter (other than personal preference). This in turn moved me to post this to the list:
I use Sass for writing css. I have some base files like normalize, a fonts scss file, a colors file etc. For the bulk of my styles, I break them up based on breakpoint and import them into a main scss file, like so: @import "colors"; @import "fonts"; @import "base"; @media only screen and (min-width: 40em){ @import "tablet"; } @media only screen and (min-width: 60em){ @import "desktop"; } The second article linked above is a neat Sass mixin to easily implement MQs where needed, sort of "in-line" with your element's styles and having your MQs all mixed into a single sheet, like: .selector { color: red; } @media (min-width: 767px) { .selector { color: blue; } } My question is, is either of these methods more efficient/performant than the other? My preferred method seems easier to keep organized (both in my head and file-wise) but is it slower/less efficient? TIA -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/