https://github.com/sam0x17/isolate.js
a JavaScript plugin that allows you to completely isolate CSS files and use them where you choose throughout your document and JavaScript code
https://github.com/sam0x17/isolate.js
Last synced: 3 months ago
JSON representation
a JavaScript plugin that allows you to completely isolate CSS files and use them where you choose throughout your document and JavaScript code
- Host: GitHub
- URL: https://github.com/sam0x17/isolate.js
- Owner: sam0x17
- License: mit
- Created: 2016-12-19T20:30:32.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-19T20:38:27.000Z (about 9 years ago)
- Last Synced: 2025-04-07T03:20:36.125Z (9 months ago)
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# isolate.js
Isolate.js is a JavaScript plugin that allows you to define isolated CSS "namespaces"
which you can turn on and off on the fly from JavaScript or within different portions
of your document markup. This is extremely useful for scenarios where you want to use
CSS styles from multiple sources that conflict with one another.
When you include a CSS file, you can specify the namespace you want it to live in like
this:
```html
```
This will cause any CSS classes defined in `bootstrap.css` to be suppressed _unless_
you manually specify that for some portion of your document or JavaScript code you
want to "use" your custom `boostrap` namespace. You can enable the `bootstrap` namespace
you just created from your document markup as follows:
```html
```
You can also enable/disable a namespace from within JavaScript:
```JavaScript
// bootstrap styles not visible
uses('bootstrap')
// bootstrap styles visible
end_uses()
// bootstrap styles not visible
```
Alternatively, you can do this callback-style:
```JavaScript
// bootstrap styles not visible
uses('bootstrap', function() {
// bootstrap styles visible
})
// bootstrap styles not visible
```