diff options
author | 2020-11-18 23:26:45 +0100 | |
---|---|---|
committer | 2020-11-18 23:26:45 +0100 | |
commit | 81ddf9b700bc48a1f8e472209f080f9c1d9a9b09 (patch) | |
tree | 8b959d50c5a614cbf9fcb346ed556140374d4b6d /node_modules/postcss-modules-values/README.md | |
parent | 1870f3fdf43707a15fda0f609a021f516f45eb63 (diff) | |
download | website_creator-81ddf9b700bc48a1f8e472209f080f9c1d9a9b09.tar.gz website_creator-81ddf9b700bc48a1f8e472209f080f9c1d9a9b09.tar.bz2 website_creator-81ddf9b700bc48a1f8e472209f080f9c1d9a9b09.zip |
rm node_modules
Diffstat (limited to 'node_modules/postcss-modules-values/README.md')
-rw-r--r-- | node_modules/postcss-modules-values/README.md | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/node_modules/postcss-modules-values/README.md b/node_modules/postcss-modules-values/README.md deleted file mode 100644 index 2bd6860..0000000 --- a/node_modules/postcss-modules-values/README.md +++ /dev/null @@ -1,77 +0,0 @@ -# CSS Modules: Values - -Pass arbitrary values between your module files - -### Usage - -```css -/* colors.css */ -@value primary: #BF4040; -@value secondary: #1F4F7F; - -.text-primary { - color: primary; -} - -.text-secondary { - color: secondary; -} -``` - -```css -/* breakpoints.css */ -@value small: (max-width: 599px); -@value medium: (min-width: 600px) and (max-width: 959px); -@value large: (min-width: 960px); -``` - -```css -/* my-component.css */ -/* alias paths for other values or composition */ -@value colors: "./colors.css"; -/* import multiple from a single file */ -@value primary, secondary from colors; -/* make local aliases to imported values */ -@value small as bp-small, large as bp-large from "./breakpoints.css"; - -.header { - composes: text-primary from colors; - box-shadow: 0 0 10px secondary; -} - -@media bp-small { - .header { - box-shadow: 0 0 4px secondary; - } -} -@media bp-large { - .header { - box-shadow: 0 0 20px secondary; - } -} -``` - -**If you are using Sass** along with this PostCSS plugin, do not use the colon `:` in your `@value` definitions. It will cause Sass to crash. - -Note also you can _import_ multiple values at once but can only _define_ one value per line. - -```css -@value a: b, c: d; /* defines a as "b, c: d" */ -``` - -### Justification - -See [this PR](https://github.com/css-modules/css-modules-loader-core/pull/28) for more background - -## License - -ISC - -## With thanks - -- Mark Dalgleish -- Tobias Koppers -- Josh Johnston - ---- -Glen Maddern, 2015. |