Popular Pages and Sections

Recent Changes to SS6:

1. Future-Proofed Gulp & Dart Sass (@use): Fixed the Gulp task streams so gulp waits for disk writes to finish and automatically recompiles block CSS whenever we edit _variables.scss or _colours.scss. Upgraded SCSS files to @use "sass:color" and @use "sass:math", eliminating all deprecated darken, lighten, desaturate, floor, and ceil functions.

2. Simpler, Modern CSS: Replaced the 3-step media-query font size multipliers in _branding.scss with self-scaling clamp() variables in _variables.scss. Updated CSS hover overlays from "Font Awesome 5 Free" to "Font Awesome 6 Free", and used Flexbox to centre overlays.

3. Light & Dark Mode Agnosticism: Replaced hardcoded light-mode greys/whites (#eee, #f3f3f3, #ddd, #999, white gradients) in _branding.scss and the block SCSS files with 6 semantic variables in _variables.scss ($surface-subtle, $surface-mid, $border-subtle, etc.). These default to familiar light greys, but for a dark site, changing those variables in _variables.scss flips the site cleanly to dark mode.

4. PHP 8.5 & Bootstrap 5 Template Fixes: Removed lurking PHP 8.5 fatal crash risks (like calling count() on nullable topic attributes, uninitialised loop variables bleeding across items, empty image slots in features_three/four, and a <? echo short tag in search), fixed unclosed HTML tags, and replaced leftover BS3 classes (col-xs-12, col-sm-offset-3) with BS5 equivalents (col-12, offset-sm-3).