Sources & Maintenance
Drupal Research Install
Path: N/A — framework-agnostic CSS guide
Web Sources
| Source | URL | Guide Sections | Last Verified |
|---|---|---|---|
| MDN :has() | https://developer.mozilla.org/en-US/docs/Web/CSS/:has | has-selector | 2026-02-21 |
| MDN Container Queries | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries | container-queries, container-units | 2026-02-21 |
| MDN @layer | https://developer.mozilla.org/en-US/docs/Web/CSS/@layer | cascade-layers | 2026-02-21 |
| MDN @scope | https://developer.mozilla.org/en-US/docs/Web/CSS/@scope | css-scope | 2026-02-21 |
| MDN @property | https://developer.mozilla.org/en-US/docs/Web/CSS/@property | at-property | 2026-02-21 |
| MDN oklch() | https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch | oklch-color | 2026-02-21 |
| MDN color-mix() | https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix | color-mix | 2026-02-21 |
| MDN Relative Colors | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors | relative-color | 2026-02-21 |
| MDN light-dark() | https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark | light-dark | 2026-02-21 |
| MDN Scroll-driven animations | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll-driven_animations | scroll-driven-animations | 2026-02-21 |
| MDN @starting-style | https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style | starting-style-transitions | 2026-02-21 |
| MDN View Transitions API | https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API | view-transitions | 2026-02-21 |
| MDN Popover API | https://developer.mozilla.org/en-US/docs/Web/API/Popover_API | popover-api | 2026-02-21 |
| MDN CSS Anchor Positioning | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning | anchor-positioning | 2026-02-21 |
| MDN text-wrap | https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap | text-wrap | 2026-02-21 |
| MDN :user-invalid | https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid | user-valid-invalid | 2026-02-21 |
| MDN CSS Nesting | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting | native-nesting | 2026-02-21 |
| MDN Subgrid | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid | subgrid | 2026-02-21 |
| web.dev Viewport Units | https://web.dev/blog/viewport-units | viewport-units | 2026-02-21 |
| Can I use: CSS Container Queries | https://caniuse.com/css-container-queries | container-queries | 2026-02-21 |
| Can I use: CSS Subgrid | https://caniuse.com/css-subgrid | subgrid | 2026-02-21 |
| Can I use: @starting-style | https://caniuse.com/mdn-css_at-rules_starting-style | starting-style-transitions | 2026-02-21 |
| Can I use: CSS relative colors | https://caniuse.com/css-relative-colors | relative-color | 2026-02-21 |
| Can I use: color-mix() | https://caniuse.com/mdn-css_types_color_color-mix | color-mix | 2026-02-21 |
| Can I use: light-dark() | https://caniuse.com/mdn-css_types_color_light-dark | light-dark | 2026-02-21 |
| Can I use: Viewport unit variants | https://caniuse.com/viewport-unit-variants | viewport-units | 2026-02-21 |
| Can I use: View Transitions (same-document) | https://caniuse.com/view-transitions | view-transitions | 2026-02-21 |
| Can I use: CSS Anchor Positioning | https://caniuse.com/css-anchor-positioning | anchor-positioning | 2026-02-21 |
| Can I use: animation-timeline scroll() | https://caniuse.com/mdn-css_properties_animation-timeline_scroll | scroll-driven-animations | 2026-02-21 |
| Can I use: CSS Nesting | https://caniuse.com/css-nesting | native-nesting | 2026-02-21 |
| Can I use: @scope | https://caniuse.com/css-cascade-scope | css-scope | 2026-02-21 |
| Chrome: Same-document view transitions Baseline | https://web.dev/blog/same-document-view-transitions-are-now-baseline-newly-available | view-transitions | 2026-02-21 |
| Chrome: Anchor Positioning Updates Fall 2025 | https://www.oddbird.net/2025/10/13/anchor-position-area-update/ | anchor-positioning | 2026-02-21 |
| Smashing Magazine: Scroll-Driven Animations Intro | https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/ | scroll-driven-animations | 2026-02-21 |
| Chrome for Developers: View Transitions 2025 | https://developer.chrome.com/blog/view-transitions-in-2025 | view-transitions | 2026-02-21 |
| WebKit: text-wrap: pretty | https://webkit.org/blog/16547/better-typography-with-text-wrap-pretty/ | text-wrap | 2026-02-21 |
| web.dev: :user-valid and :user-invalid | https://web.dev/articles/user-valid-and-user-invalid-pseudo-classes | user-valid-invalid | 2026-02-21 |
| Chrome: Animate to height: auto | https://developer.chrome.com/docs/css-ui/animate-to-height-auto | interpolate-size | 2026-04-09 | | Josh Comeau: interpolate-size | https://www.joshwcomeau.com/snippets/html/interpolate-size/ | interpolate-size | 2026-04-09 | | MDN: field-sizing | https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing | field-sizing | 2026-04-09 | | MDN: CSS Scroll Snap | https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap | scroll-snap | 2026-04-09 | | Chrome: Carousels with CSS | https://developer.chrome.com/blog/carousels-with-css | scroll-snap | 2026-04-09 | | Chrome: Entry/exit animations | https://developer.chrome.com/blog/entry-exit-animations | discrete-animations | 2026-04-09 | | Smashing Magazine: Transitioning Top-Layer Entries | https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css/ | discrete-animations | 2026-04-09 | | Chrome: Scroll-State Container Queries | https://developer.chrome.com/docs/css-ui/scroll-state-queries | container-scroll-state | 2026-04-09 | | LogRocket: Container queries in 2026 | https://blog.logrocket.com/container-queries-2026/ | container-scroll-state | 2026-04-09 | | Chrome: CSS Functions | https://developer.chrome.com/blog/css-functions | css-functions | 2026-04-09 | | Chrome: CSS if() | https://developer.chrome.com/blog/if-article | css-functions | 2026-04-09 | | MDN: @function | https://developer.mozilla.org/en-US/docs/Web/CSS/@function | css-functions | 2026-04-09 |
| MDN color-scheme | https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme | color-scheme-dark-mode | 2026-06-09 | | MDN scrollbar-color | https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color | color-scheme-dark-mode | 2026-06-09 | | MDN accent-color | https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color | color-scheme-dark-mode | 2026-06-09 | | Can I use: CSS scrollbar styling | https://caniuse.com/css-scrollbar | color-scheme-dark-mode | 2026-06-09 | | Can I use: CSS accent-color | https://caniuse.com/mdn-css_properties_accent-color | color-scheme-dark-mode | 2026-06-09 | | WebKit bug 311752: scrollbar-color transition flicker | https://bugs.webkit.org/show_bug.cgi?id=311752 | color-scheme-dark-mode | 2026-06-09 |
Code Sources
None — this is a framework-agnostic CSS guide with no Drupal-specific code patterns.
Version 1.0.0 — Created 2026-02-21