SASS and file structure

All of our CSS files are developed in SASS, which is a CSS pre-processor. If you're not sure what SASS is, I suggest taking a look at their website - it's very easy to get a hang of.

One of the benefits is allowing us to store our CSS (SCSS in this case) sections/libraries as different files and merge them when we're ready (more on that later).

The scss files are store under

/src/assets/scss/

Here, we have our base bill.scss and bill-ui.scss files, which are for the base and UI styles, respectively. They don't actually contain any CSS themselves, they just @import other scss files.

All of our base CSS (such as the reset, responsive styles and print) are stored in the base/ directory.

All of the UI libraries are stored, as separate files, inside the ui/ directory.

There is also a RTL (Right To Left language support) file, bill-rtl.scss, which should be kept up to date with any changes.

File structure:

/src/assets/scss/
	bill.scss
	bill-ui.scss
	bill-rtl.scss
	base/
		{base_style}
	ui/
		{ui_libraries}