Сергей Ларионов

Про структуру файлов не подскажу, но вот парочка удобных миксинов для вас - есть у меня.

Миксины:

.media-mobile(@rules)  {
    @media (max-width: @mobile-width) {
        @rules();
    };
}

.media-lower(@width, @rules)  {
    @media (max-width: @width) {
        @rules();
    };
}

Использование:

.selector {
   // ...

   .media-mobile({
      // ...
   });

    .media-lower(600px, {
      // ...
   });
}

Подход на основе "@media @mobile" и пр. проще и в ряде случаев удобнее.
Мой вариант более функционален. Можно привязаться не только к ширине экрана, а к чему только душа пожелает.