Directly injected CSS - Finally, Sass has some stiff competition!
Forget Sass. Forget LESS. What you want is DICSS. Once you've had DICSS, you won't settle for LESS.
Tired of separate build processes for your CSS and JS files? Fret no more. DICSS is Javascript. That means you can code your styles and your scripts in one language, and compile and minify everything to a single file. Once you try it, we're sure you'll love DICSS.
DICSS is fun and easy to use!
Don't worry. DICSS uses a wrapper.
Just grab DICSS and stick it wherever you like. DICSS works equally well in your <head>
or in your <body>
.
<head>
<script src="https://github.com/letsgetrandy/DICSS/raw/master/dicss.js"></script>
</head>
Then, go ahead and start putting DICSS in! Put 'em everywhere you like. Nobody will judge you for what you do with your DICSS.
DICSS.putIn('body', 'transition: .1s ease-in');
DICSS.putIn('p', {
"height": "100%",
"width": "100%",
"&.protection": {
"border": "solid 1px transparent"
},
"a": {
"color": "#fff"
}
});
And when you're done with a style, you can easily remove it:
DICSS.pullOut('a', 'color');
Since DICSS accepts JSON objects as styles, you can keep your CSS organized very methodically:
var widgetDICSS = {
'div.widget': {
'a': {
font: '1em Verdana,Arial,sans-serif',
margin: '.5em'
}
//... etc
}
};
In fact, there's no reason you couldn't put your DICSS in the back-end, and then deliver them to the client, as needed, via REST service.
It's not the size of DICSS that matters, it's what you can do with it.
Yes! You can add whatever you want to DICSS. Just pass an object of methods into DICSS.extend()
.
DICSS keeps on growing! Some popular DICSS add-ons include
Okay, so we admit, those add-ons don't actually exist yet. But there's nothing stopping you from making them!
Got something you want to add to DICSS? Let us know! Help us make DICSS bigger and better than ever!
Yes! There are projects currently underway to integrate DICSS with Knockout (KOCSS), Backbone (BoneDICSS), and Angular (Angular-DICSS).
Yes, but it takes longer.
Is it in yet? Go to your developer tools console and type DICSS
. If it's undefined
, that means you haven't put DICSS in yet.
Don't overthink it. DICSS is only as hard as you make it.
That's okay. While we believe most people are fond of DICSS, we realize that DICSS isn't for everyone. There are plenty of alternatives. Feel free to use them instead. And please, never force someone to use DICSS if they're not willing.
Maybe you're using DICSS in the lower <body>
? Some people experience faster response times using <head>
or delivering DICSS through the backend.
No, this is DICSS. NUTS is something else.