I’ve modified my SCSS Breakpoints Shell Script a tiny bit to now add @import <<viewport size>> for each of the module viewport breakpoints to my main theme.scss file. I’ve set this up to work with my own setup, but if it’s useful to anyone else I’ve added it to github.
I wrote a couple of Shell Scripts to save time when splitting SCSS into breakpoint files.
https://github.com/dgrumbler/useful_shell_scripts
$ sh sassBreakpoints.shThis creates a named folder based on the name of the module you type in.
It then creates all the breakpoints :
Then for each breakpoint it adds the following:
/****************************************************************
Theme: << Module Name >>
Viewport: << Viewport Size >>
Author: << Author >>
****************************************************************/Replacing Module name, viewport size and author with the user input and filename.
e.g.
/****************************************************************
Theme: Carousel
Viewport: 768 up
Author: Rebecca Rumble
****************************************************************/This one does the same as the above except it doesn’t create a folder and runs in the current directory.
$ sh sassBreakpointsNoFolder.sh