CSS

Mario Hernandez explores how the native HTML <details> and <summary> elements can replace JavaScript in building accessible accordion components. His post highlights browser support, performance gains, and semantic markup patterns that reduce reliance on external libraries. ...more

A new Drupal module, CSS Class Collector, simplifies the process of purging unused CSS by automatically gathering all CSS classes used in database content. Released by Rajat Kumar Verma, the tool supports workflows with PurgeCSS, Tailwind CSS, and Bootstrap, ensuring safe and efficient CSS cleanup ...more

Mike Herchel demystifies the <code class="inline">Drupal.displace()</code> API in a guest post for Drupalize.me, explaining how it helps front-end developers manage layout offsets caused by admin toolbars and fixed-position elements. Through practical CSS and JavaScript examples, he shows how this tool ensures interface consistency—even in RTL contexts. ...more

With Sass deprecating @import rules ahead of Dart Sass 3.0, ComputerMinds’ Nathan Page explains how Drupal developers can migrate smoothly using the official Sass migrator tool. ...more

In a blog post, Colton Voege argues that Tailwind CSS increases JavaScript bundle size, complicates code maintenance, and offers limited developer tooling. He compares Tailwind to traditional CSS and CSS-in-JS libraries, highlighting issues with class duplication, lack of type safety, and poor readability in large React codebases. ...more

Mike Anello and Mike Herchel engage in a wide-ranging conversation covering Florida Drupal Camp's legacy, the implementation of single directory components in Drupal, and upcoming events like DrupalCon. They delve into technical aspects such as CSS styling, schemas, and the Experience Builder. The episode is infused with humour and personal anecdotes, offering both informative and entertaining insights. ...more

Drupal Life Hacks explains how to combine Tailwind CSS with Bootstrap in a Radix-based Drupal theme, offering configuration steps, conflict avoidance techniques, and practical use cases. ...more

Web developer Mario Hernandez outlines how the Owl selector (* + *) in CSS enables consistent spacing between sibling elements. The blog post explains scoped usage, compares traditional margin techniques, and highlights alternatives like the gap property in flex and grid layouts. ...more

Hui Jing Chen documents a Drupal 10 theming project using traditional CSS and Twig templates to build a multilingual site header with custom navigation and language switcher styling. ...more

Morpht’s blog by Naveen Valecha details how the convivial_govcms_bootstrap theme uses CSS Variables for real-time, accessible, and no-code colour management in Drupal themes. ...more

This article provides a detailed breakdown of CSS specificity, explaining how styles are prioritized when multiple rules target the same element. It also covers the specificity hierarchy, calculation methods, and best practices for writing maintainable CSS. ...more

The speakers offer insights into how color functions, gamut, and color contrast have transformed web design practices, explaining how developers can leverage these tools for improved accessibility and aesthetics. The discussion includes an exploration of CSS preprocessors like Sass, and new advancements such as PostCSS for Drupal. ...more