-
1994 proposal for Cascading HTML Style Sheets: w3.org/People/howcome/p/cascade.html Includes % weighting on each property, & displays the weighted average, e.g. h2 { font-size: 100px 60%; } /* user styles */ h2 { font-size: 10px 40%; } /* author styles */ Results in a font-size of 64px…Permalink On twitter.com
♻️ 2 Retweets ❤️ 23 Favorites Mood 0
-
Proposal also includes media queries, like: AGE > 3d ? background.color = pale_yellow : background.color = white …I don't think document-age queries are still in the CSS roadmap…Permalink On twitter.com
-
Also allows dynamic imports in queries… DISPLAY_HEIGHT > 30cm ? <css-url-1> : <css-url-2> Upcoming SassCSS release supports a server-side version of that, with the newPermalink On twitter.com
load-css()mixin: @ media print { @ include load-css("print"); } github.com/sass/sass/blob/master/accepted/module-system.md#load-css -
SassCSS 🤯🤯🤯On twitter.com
http:// NYT .com/style 30% http:// LeMonde .com/style 70%"…References two other sheets and assigns them different weights. If no previous style sheets has claimed influence, the resulting presentation will be a mix of NYT (30%) and LeMonde (70%)." -
Forget about design systems, just load several other site's styles on top of each other, and see what happens. (Makes more sense if you account for the expected small size of style sheets. Adding something like Normalize on top of Sanitize isn't a huge risk…)Permalink On twitter.com