style-bridge
Basic Usage
; const bridge = 'my-stylesheet-selector' desktop: null tablet: 'screen and (max-width: 991px)' ...;
To use StyleBrige, you will primarily use the StyleBridge
constructor. Pass the constructor a selector expression
and an object consisting of the media-queries that you want to have parsed.
Nothing hapens until the parse
method will be called. This let's the you decide when to (re-)parse the document or when.
... ... ;
Interacting with selectors
Settings a css property
bridge;
Remove a property
bridge;
Removing all properties
brige;
Exporting to object
bridge;// {// mediaqueries: {// desktop: '',// tablet: 'screen and (max-width: 991px)'// },// rules: {// desktop: {// body: {// 'background-color': 'red',// 'margin-top': '0px'// },// },// tablet: { ... }// }// }
Contributing
Have a bug? Please create an issue here on GitHub that conforms with our contributing guidelines. You can also browse the Help Wanted tag in our issue tracker to find things to do.
Security
If you discover a security vulnerability within this package, please send an e-mail directly to the Centagon Developers at developers@centagon.com. All security vulnerabilities will be promptly addressed.
License
This package is available under the MIT license.
Copyright (c) 2018 Centagon, B.V.