Something went wrong. Try again.
lightweight, simple, classless CSS framework inspired by new.css devcss.devins.page
framework lightweight css classless stylesheet
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233/* ==userstyle==@name boilerplate for dev.css@description a template that you can modify. copied from dev.css defaults. removing lines will revert to the dev.css default, for example the font lines@namespace author@version 1.0.0@author author <author@example.com> (https://example.com)@homepageURL https://example.com@supportURL https://example.com/issues@license MIT==/userstyle== */
:root { /* font families */ --dc-font: ui-sans-serif, system-ui, sans-serif; --dc-font-mono: ui-monospace, monospace;
/* light/dark colors */ color-scheme: light dark; /* light/dark scrollbars, inputs, etc */ --dc-tx-1: light-dark(#171717, #ededed); /* primary text */ --dc-tx-2: light-dark(#3f3f3f, #bbbbbb); /* secondary text */ --dc-bg-1: light-dark(#fff, #0a0a0a); /* primary background */ --dc-bg-2: light-dark(#fafafa, #000); /* secondary background */ --dc-bg-3: light-dark(#d3d3d3, #494949); /* border */ --dc-lk: light-dark(#005ff2, #47a8ff); /* link text */ --dc-btn: light-dark(#006bff, #006efe); /* link button */ --dc-btn-hover: light-dark(#0059ec, #005be7); /* link button hover */ --dc-btn-tx: light-dark(#fff, #fff); /* text over buttons */ --dc-ac: light-dark(#a000f8, #9440d5); /* accent color */
/* layout */ --dc-width: 48rem; /* max width */}