Who can share the layout of the site using sass?

Question

css

Perhaps someone knows or can show their project with layout using sass?
Everyone is interested, especially if you write mixins for box-shadow or flex. I know that there are built-in, but in compass, and as soon as the forces of sass.
Perhaps there is something to read, advise, please.

Answer 1

In my projects I use the following folder structure for sass:
- sass
-- blocks (Some separate blocks like input, button, form, popup)
-- core (Basic styles that I drag from project to project)
--- base. sass (Base styles, sass placeholders)
--- animation.sass (Animations)
--- settings.sass (Project settings, color schemes, fonts, screen sizes)
--- media.sass (Mixins for media queries)
-- - type.sass (Typography)
-- layouts (Layouts of pages like header, footer)
-- pages (Styles for different pages)
-- plugins (I put plugin css files with .scss extension here)
Regarding mixins like box-shadow, flex is not used, because after compiling sass -> css I process it with an auto - prefixer and at the output I get all the vendor prefixes for
flex

Answer 2

Articles on this topic and more can be found on the glivera-team blog .

Answer 3

Everyone is interested, especially if you write mixins for box-shadow or flex. I know that there are built-in, but in compass, and as soon as the forces of sass.

There is an autoprefixer, so Compass, by and large, is not needed.
So let's get used to writing rules in accordance with CSS standards again :) Moreover, the compass seems to be dead - it hasn't been updated for a very long time.
It is also worth leaving the ruby ​​version for node-sass - the compilation speed will pleasantly surprise you.