334: Custom Properties

CodePen Radio

Episode | Podcast

Date: Wed, 22 Sep 2021 19:13:38 +0000

<p>Chris &amp; Shaw talk about a big ol' conversion to getting CodePen's color system to use --custom-properties all the way through, rather than Sass variables. Why? All sorts of reasons, kinda boiling down to the fact that they are just better. Here's a tiny one: you can use the Web Inspector and see what some other element is colored easily. Here's a huge one: ability to do theming <em>way</em> easier. But the refactoring isn't without some bumps in the road, like the fact that CSS doesn't have a way to alter colors (like lighten, darken, or add alpha) terribly easily yet, meaning we needed some work arounds.</p> <h3 id="h-time-jumps">Time Jumps</h3> <h3 id="h-sponsor-retool-for-startups">Sponsor: <a href="https://srv.buysellads.com/ads/long/x/THMJPQS3TTTTTTTWFEEN4TTTTTTTM3JTK6TTTTTTE4R45YVTTTTTTJSYPHSILMDNPMMU62PL2RSCNR4ZCW7NNJIUV26T">Retool for Startups</a></h3> <p>After working with thousands of startups, we’ve noticed that technical founders spend a ton of time building internal tools—which means less time on their core product. So, we built Retool For Startups—a program that gives early-stage founders free access to a lot of the software you need for great internal tooling.</p> <p>The goal is to make it 10x faster to build the admin panels, CRUD apps, and dashboards that most early stage teams need. We’ve bundled together a year of free access to Retool with over $160,000 in discounts to save you money while building with software commonly connected to internal tools like AWS, MongoDB, Brex, and Segment.</p> <p>We give you a head start with pre-built UI components, integrations, and other advanced features that make building from scratch much faster. To learn more, check out our site, apply, join webinars and much more at&nbsp;<a href="https://srv.buysellads.com/ads/long/x/THMJPQS3TTTTTTTWFEEN4TTTTTTTM3JTK6TTTTTTE4R45YVTTTTTTJSYPHSILMDNPMMU62PL2RSCNR4ZCW7NNJIUV26T">retool.com/startups</a>.</p>