Skip to content

setup.md

Latest commit

 

History

History
28 lines (24 loc) · 819 Bytes

setup.md

File metadata and controls

28 lines (24 loc) · 819 Bytes

Setup

There are two files provided by scss framework. You have to include these in your root scss file.

@import '../node_modules/@imransilvake/scss-framework/dist/scss/main.scss';
@import '../node_modules/@imransilvake/scss-framework/dist/css/main.min.css';

main.scss will let you use the following functions:

  • Z Index: cd-zIndex
  • Font Size: cd-fontSize
  • Font Weight: cd-fontWeight
  • Line Height: cd-lineHeight

Usage of Property Functions

For property functions, you can check the documentation to see how to use it in your project. An example to create a custom list of the above functions:

// font-size
$cd-custom-list: (
	s60:    60px,
	s61:    61px,
	s62:    62px
);

// add second argument for custom list
font-size: cd-fontSize(comics-san, $cd-custom-list);