With the ever advancing web platform we can do things that where hard and brittle just a few years ago. Also, browser vendors are committed to becoming more interoperable allowing us to utilise upcoming technologies with confidence that these will land in all future browsers. No more polyfiling and hoping the feature gets supported.

Project "Tivet" is a way to enable these new technologies in solutions where buildtooling stills needs to catch up. Trivet use the following web features to enable this white label library:

Web Components Importmaps Native CSS modules through assertions Constructed stylesheets CSS Layers CSS Custom Properties CSS Subgrid CSS '::part()' CSS Container queries CSS ':has()' CSS Color Mix Toggles and Modals

Project Goals

Lorem ipsum dolor amet mustache knausgaard +1, blue bottle waistcoat tbh semiotics artisan synth stumptown gastropub cornhole celiac swag. Brunch raclette vexillologist post-ironic glossier ennui XOXO mlkshk godard pour-over blog tumblr humblebrag. Blue bottle put a bird on it twee prism biodiesel brooklyn. Blue bottle ennui tbh succulents.

Note that Trivet wouldn't use all of these. This is a structure to help create tokens with consistent and predictable names.

Namespace Foundation Topic Property Modifier Variant Range State trvt color editorial text primary 000-100 hover layout promotional background secondary light-bold visited spacing message border tertiary thin-thick active size layer easing highlight low-high focus line signals delay brand small-large readonly time interactive offset invalid typography anchor weight <boolean> shadow tag order pending position onhold gap ready block loaded inline complete grid aborted path error