hcss is markup for css. Runs on Python 2.2+.
https://github.com/galvez/hcss
This is similar (in nature) to Sass/LessCSS/CleverCSS, with the
exception that it simply attempts to employ a few simple conventions
to use an actual HTML structure to describe selectors (and nested
selectors) in CSS. The goal is to provide a faster workflow for
writing CSS while also making it easier to maintain them.
Input:
.big-font {
font-size: 20px;
}
<div id="parent">
!big-font;
margin: 10px;
<div class="child">
margin: 5px;
border: 1px solid #000;
</div>
</div>
Output:
div#parent {
font-size: 20px;
margin: 10px;
}
div#parent > div.child {
margin: 5px;
border: 1px solid #000;
}
The idea is to work on a HTML file and a HCSS file, instead of
working on HTML and CSS files. The benefits:
1) It's just faster. You're going to have to write the markup ANYWAY,
so after you've done that, all you have to do is copy the exact
markup you just wrote over to HCSS file and add styles.
2) It's easier to maintain, modify and evolve your stylesheets.
There's very little cognitive dissonance when you switch your
attention from an HTML file to a HCSS file, since both have the same
HTML structure. With this, it's easier to find the exact selector you
want to edit. It also forces you to keep your styles very tidy and
well organized.
https://github.com/galvez/hcss/tree/master/examples/
-- Jonas
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
