From 03807bacbb277cfe3d31870a25af0e5a468405f2 Mon Sep 17 00:00:00 2001 From: Jason Quense Date: Wed, 8 May 2019 09:14:03 -0400 Subject: [PATCH] docs: add media atRule example --- README.md | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index e23ac03f8..f41dbad44 100644 --- a/README.md +++ b/README.md @@ -446,15 +446,24 @@ for specific values in a css file that can be used in another. /* theme.css */ @value primary: #BF4040; @value secondary: #1F4F7F; + +@value large: (min-width: 960px); ``` Values are automatically exported and can be imported like so: ```css -@value primary from './theme.css'; +@value primary, large from './theme.css'; -.text-primary { +.header { color: primary; + padding: 0 10px; +} + +@media bp-large { + .header { + padding: 0 20px; + } } ```