Styling

Three different style settings that are available.

Changing your style settings

For CSS: Used by Default

$ node-rails settings css

For SASS

$ node-rails settings scss

For LESS

$ node-rails settings less

Styling Design Pattern

All Pages have their own assets

In the page directory each page that is made is for a single route. That route is the names for the directory. For example route: '/users/:id' the styling page will be in the directory './assets/css/pages/users/:id'.

Global Styling

For global styling add them outside the pages directory and import them into the needed pages. The bootstrap directory is compiled on every page. So global styling can be done there too however it does not have hot reloading support. The hot reloading support is in each individual styling page.

Alias Shortcuts

For Settings

$ node-rails s css$ node-rails s scss$ node-rails s less