#css-variables

[ follow ]
Web development
fromCSS-Tricks
20 hours ago

4 Reasons That Make Tailwind Great for Building Layouts | CSS-Tricks

Tailwind CSS utilities make layouts more readable and mentally visualizable than traditional CSS by keeping HTML structure apparent in the code.
Web development
fromCSS-Tricks
1 month ago

No-Hassle Visual Studio Code Theming: Building an Extension | CSS-Tricks

Creating a custom syntax-color theme for a website using Astro and Shiki with CSS variables can be done in a few hours and easily refined.
Web development
fromCSS-Tricks
2 months ago

Playing With CodePen slideVars | CSS-Tricks

CodePen's slideVars auto-detects CSS variables and generates an editable UI with manual configuration for input types, ranges, units, and scope.
fromMedium
3 months ago

React Suite v6: A Steady Step Toward Modernization

The most fundamental change in v6 is the migration from Less to SCSS with CSS variables as the primary theming interface. Updating theme values is now as simple as overriding variables at runtime - no rebuilds or tooling tweaks required. Consult the CSS Variables guide for the full variable list, and try the Palette tool to fine-tune brand colors visually. Additional Style Improvements Logical properties: margin-inline-start etc. replace physical properties for native RTL support.
React
fromCSS-Tricks
3 months ago

On Inheriting and Sharing Property Values | CSS-Tricks

Sometimes I want to set the value of a CSS property to that of a different property, even if I don't know what that value is, and even if it changes later. Unfortunately though, that's not possible (at least, there isn't a CSS function that specifically does that). In my opinion, it'd be super useful to have something like this (for interpolation, maybe you'd throw in there as well): /* Totally hypothetical */ button { border-radius: compute(height, self); border-radius: compute(height, inherit); border-radius: compute(height, #this); }
Web development
Web development
fromFrontendmasters
6 months ago

Breakpoint Columns, Five Ways. Which Do You Like?

Four CSS approaches for switching a three-column grid to one column under 500px: top-level media query, nested media query, CSS variable, and custom function.
[ Load more ]