[GRASS-git] [OSGeo/grass-website] 1f9baa: SCSS: dedupe, bug fixes, tokens, and breakpoints (...

[Corey White]

  Branch: refs/heads/main
  Home:   https://github.com/OSGeo/grass-website
  Commit: 1f9baa1601f710a9643b18870a752d3b0f76ba20
      https://github.com/OSGeo/grass-website/commit/1f9baa1601f710a9643b18870a752d3b0f76ba20
  Author: Corey White <smortopahri at gmail.com>
  Date:   2026-08-11 (Tue, 11 Aug 2026)

  Changed paths:
    M themes/grass/assets/sass/_colors.scss
    M themes/grass/assets/sass/_css-variables.scss
    M themes/grass/assets/sass/styles/_base2.scss
    M themes/grass/assets/sass/styles/_brand.scss
    M themes/grass/assets/sass/styles/_buttons.scss
    M themes/grass/assets/sass/styles/_download.scss
    M themes/grass/assets/sass/styles/_layout.scss
    M themes/grass/assets/sass/styles/_navbar.scss
    M themes/grass/assets/sass/styles/_overlays.scss
    M themes/grass/assets/sass/styles/_responsive.scss
    M themes/grass/assets/sass/styles/_thumbnails.scss
    M themes/grass/assets/sass/styles/_timeline.scss

  Log Message:
  -----------
  SCSS: dedupe, bug fixes, tokens, and breakpoints (#699)

* SCSS: fix .gitter-banner missing semicolon

Sass parsed the nested a rule as nested-property syntax, emitting
padding-text-decoration/padding-color instead of styling the banner
links.

* SCSS: merge duplicate .btn-grass blocks

The two blocks were identical except the first also sets
margin-bottom, which nothing overrides; keeping the first preserves
the computed styles.

* SCSS: drop the global .card height clamps

Two competing global rules forced every Bootstrap card to a fixed
height (4rem !important winning over a shadowed 5rem). Cards now size
to their content. Needs a visual check on /download and /about/brand.

* SCSS: consolidate the duplicated timeline blocks

Two near-duplicate rule sets styled the history-page timeline; the
merged rules reproduce the exact cascade result of the pair. The
never-winning hardcoded #0039a6 values are gone (the visible dot and
line color was and remains the brand alt green).

* SCSS: use the Font Awesome 7 family name

The package is FA7; the old name only resolves through FA's compat
font-face aliases.

* SCSS: overlay tokens, drop IE filters and a dead red link rule

The standard overlay gradient now derives from $gs-primary-color like
its prefixed twins (identical output). The two IE DXImageTransform
filters are dead weight (one interpolated invalid rgba values).
a.external has no matching markup anywhere; the red rule is gone.

* SCSS: use Bootstrap breakpoint mixins for theme media queries

The hand-written 991px and 992px max-width queries disagreed by a
pixel; all now compile to Bootstrap's lg boundary (991.98px), and the
576px block to sm. The three identical yard-sign min-width blocks
collapse to the one 600px threshold.

* SCSS: derive ramp steps from shared alpha constants

The hand-written rgba steps in _colors.scss and the alpha map in
_css-variables.scss encoded the same three constants twice; both now
read from $gs-alpha-*. Compiled CSS is byte-identical. The support
color's historical --dark/--light naming is documented in place.



To unsubscribe from these emails, change your notification settings at https://github.com/OSGeo/grass-website/settings/notifications