FarrukhSubhaniGH / demo-starter-template-with-sass

My starter template for larger demos on my YouTube channel where I am using Sass.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Demo starter template (with Sass)

My starter template for larger demos on my YouTube channel where I am using Sass.

Development Scripts

npm start

Will watch Sass files and hot reload using BrowserSync on localhost:3000

npm run build

Production build includes minified, auto-prefixed CSS

Using this template

Most theming and customization is handled in the src/sass/abstracts folder.

Colors

The _colors.scss file has a Sass map. You can add/remove/modify the colors there and a function will automatically output them as custom properties, as well as a full set of utility classes for both color and background-color.

Type scale

The _type.scss contains a Sass map with type scales for different screen sizes. If you wish to add a new scale, the name of the screen size must match a size found in _breakpoints.scss.

About

My starter template for larger demos on my YouTube channel where I am using Sass.

License:MIT License


Languages

Language:SCSS 95.6%Language:HTML 4.4%