/* * Ignasi Calvo · adaptations to the approved CSS. * base.css and mobile.css are literal copies of assets/source/01-home-landing-unica/ (diff them against source/). * Everything that is not in the approved design goes here, only with the tokens of base.css :root. */ /* 1. Self-hosted fonts -------------------------------------------------------------------------------------- * woff2 converted from the TTF of the delivery with ./bin/woff2: one file per weight with the subset * latin + latin-ext + cyrillic (the factory tool does not split them), so es/ca/en/ru share the same files. * Onest 400 and 600 are preloaded in layouts/base.blade.php. The google fonts embed of the README is ignored. */ @font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/onest-400.woff2') format('woff2')} @font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/onest-500.woff2') format('woff2')} @font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/onest-600.woff2') format('woff2')} @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/jetbrains-mono-500.woff2') format('woff2')} /* 2. is transparent to layout: the class goes on the , so the approved selectors * (.crop img, .hero__img, .project-card__img with height:100%…) apply as on the bare of the design. */ picture{display:contents} /* 3. Carousel arrows stay hidden until site.js enables them: mobile.css gives .carousel-nav display:flex, * which would beat the browser's [hidden] rule. */ .carousel-nav[hidden]{display:none} /* site.js marks the arrow of each end with aria-disabled (for screen readers). The approved CSS has no disabled * state, so the arrow keeps the approved look (qa-fix-1-1: the earlier opacity:.4 was flagged by visual QA); * only the cursor changes. */ .carousel-nav__btn[aria-disabled="true"]{cursor:default} /* 4. Header (step 01-header) --------------------------------------------------------------------------------- * REVIEW: the stuck state, the solid variant and the open mobile panel have no approved design; they reuse the * approved .is-stuck look (ink background, brand visible) and only base.css tokens. */ /* The toggle is (opens the panel with :target without JS) instead of the