When writing your own CSS/Sass for your prototypes it is advised that any custom styling gets put under the “
Add extra styles here, or re-organise the Sass files in whichever way makes most sense to you” comment in
application.scss. However, when you start adding a lot of styling, it starts to get messy. I prefer to use partials to break code up into manageable and easy to read partials (smaller files with “chunks” of styling for certain elements).
- Create a directory under
custom(or whatever) - this should sit alongside elements and patterns.
- Then put any files you have into that folder - remember they must start with
- In application.scss, under the comment, put the following
Your folder structure should look a bit like this