Files
iti-technology/packages/styles/_mixins.scss
T
Lorenzo SanesiandClaude Opus 5.5 b83ce039fb
Deploy stack su Proxmox / deploy (push) Failing after 3s
Piattaforma ITI TECHNOLOGY: monorepo, Medusa, API, sito, area riservata e deploy
Monorepo npm con apps/public (Angular SSR), apps/private (Angular SPA),
apps/api (Fastify), packages/shared e packages/styles; Medusa 2.21 in medusa/;
infrastruttura Docker (Postgres PostGIS+pgvector, Redis, Caddy, backup) e
workflow Gitea Actions per il deploy via SSH a ogni push su master.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_018jQyT6dR9czzGwqb7FkG6u
2026-10-20 09:30:48 +02:00

36 lines
752 B
SCSS

@use 'sass:map';
@use 'tokens';
/// Media query mobile-first: stili applicati da quel breakpoint in su.
/// @example @include mq.up(md) { … }
@mixin up($name) {
$value: map.get(tokens.$breakpoints, $name);
@if not $value {
@error "Breakpoint sconosciuto: #{$name}";
}
@media (min-width: $value) {
@content;
}
}
/// Testo leggibile solo dagli screen reader.
@mixin visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
/// Anello di focus visibile e coerente (solo da tastiera).
@mixin focus-ring {
&:focus-visible {
outline: 3px solid var(--color-focus);
outline-offset: 2px;
}
}