unsloppablelibraryFintechFeature Grid
⌕ Search components ⌘ Kunsloppablelibraryapp/templates/fintech/features.tsxFeatureGridfeatures.module.cssThis is the component itself, not a copy of it. The gallery imports it straight out of the Fintech template, so a change made there lands here in the same commit.
Every number here is counted from the section’s own source when the manifest is built, never written by hand. A hand-kept count is a claim that goes stale the first time somebody edits the file.
--t-accent The section reads --<template>-features-* tokens, each falling back to one of the seven certified palette roles. That indirection is the whole reason it can be mounted here at all: it obeys a template wrapper when it has one and derives the same values from the palette when it does not.
This section animates and carries no prefers-reduced-motion block of its own. It inherits the page-level MotionConfig, which covers Motion’s own animations but not CSS ones.
Viewport queries measure the window, not the section. Inside a gallery frame or a narrow column the section is smaller than the window, so these fire at the wrong moments. Converting them to container queries is outstanding work, tracked rather than hidden.