In context
in-context
is a SASS utility. Currently it's a fork of the Foundation for Sites breakpoint
. The +breakpoint(x)
mixin has been aliased to +in-context(x)
.
Usage
Install npm package:
yarn add in-context
/ npm install --save in-context
Use in .sass
files:
Customize breakpoints:
Fork idea
The idea is to take the best responsive design utility from ZURB Foundation for Sites, and make it stand-alone & more flexible. Instead of reflecting on screen space, the mixin can reflect on dynamic contexts defined by parent nodes. Here is an API draft:
Projects.jsx:
import './Projects.sass' images <div ='Projects'> <div ='Project Project-1'> images </div> </div>
Thumbnail.jsx:
import './Thumbnail.sass' src description <div ='Thumbnail'> <img = /> <p ='description'> description </p> </div>
index.sass:
@ @ @
Projects.sass:
Thubmnail.sass:
--
Licensed under MIT License