diff options
| author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-12-31 14:50:11 +0300 |
|---|---|---|
| committer | Martijn Cuppens <martijn.cuppens@gmail.com> | 2019-02-11 21:27:14 +0300 |
| commit | 62a772a9c63b42b0df0418b9e58546673aff8e96 (patch) | |
| tree | 4b1ce72e33aa3900357784db127230fd43c8d33f /README.md | |
| parent | 6628f33db3b46ebf651be88b7e12fccf2d97ed53 (diff) | |
Move files to root to make imports easier
Diffstat (limited to 'README.md')
| -rw-r--r-- | README.md | 21 |
1 files changed, 15 insertions, 6 deletions
@@ -71,22 +71,24 @@ project/ ### Sass +`.scss` syntax: + ```scss -// .scss syntax: // scss/main.scss -@import "../node_modules/rfs/sass/rfs"; +@import "../node_modules/rfs/scss"; .title { @include responsive-font-size(4rem); // OR @include responsive-font-size(64px); OR @include rfs(64); } ``` +`.sass` syntax: + ```sass -// .sass syntax: // scss/main.scss -@import "../node_modules/rfs/sass/rfs"; +@import "../node_modules/rfs/sass" .title +responsive-font-size(4rem) // OR +responsive-font-size(64px) OR +rfs(64) @@ -111,7 +113,7 @@ project/ ```less // less/main.less -@import "../node_modules/rfs/less/rfs"; +@import "../node_modules/rfs/less"; .title { .responsive-font-size(4rem); // OR .responsive-font-size(64px); OR .rfs(64); @@ -124,7 +126,7 @@ project/ ```stylus // stylus/main.styl -@import "../node_modules/rfs/stylus/rfs"; +@import "../node_modules/rfs/stylus"; .title responsive-font-size(4rem) // OR responsive-font-size(64px) OR rfs(64) @@ -145,6 +147,13 @@ project/ } ``` +If you're using Webpack, you can simplify the `@import` using the `~` prefix: +```text +@import "~rfs/less"; +@import "~rfs/sass"; +@import "~rfs/scss"; +@import "~rfs/stylus"; +``` ## Visualisation |