SCSS
Trasforma gli snippet SCSS in immagini che vale la pena condividere, senza uscire dal tuo Mac.
L'SCSS si mostra di solito per spiegare un annidamento o un mixin, entrambi strutturali — e la struttura sopravvive al diventare immagine molto meglio di quanto sopravviva all'essere incollata.
Codeshot riconosce SCSS dal codice che incolli, quindi non c’è nessun selettore di linguaggio da sbagliare. Ecco lo stesso snippet in tre dei 30 temi inclusi, resi con i fogli di stile dell’app.
@mixin card($radius: 14px) {
border-radius: $radius;
box-shadow: 0 18px 40px rgba(23, 23, 32, 0.12);
}
.snapshot {
@include card;
&__caption {
color: var(--muted);
font-size: 0.8rem;
}
}@mixin card($radius: 14px) {
border-radius: $radius;
box-shadow: 0 18px 40px rgba(23, 23, 32, 0.12);
}
.snapshot {
@include card;
&__caption {
color: var(--muted);
font-size: 0.8rem;
}
}@mixin card($radius: 14px) {
border-radius: $radius;
box-shadow: 0 18px 40px rgba(23, 23, 32, 0.12);
}
.snapshot {
@include card;
&__caption {
color: var(--muted);
font-size: 0.8rem;
}
}La profondità dell'annidamento è il messaggio. Tienila a tre livelli nell'inquadratura e lascia che sia l'indentazione a spiegare.
Lascia che l’immagine segua il contenuto o bloccala su un rapporto — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — poi esporta a 1×, 2× o 3× così resta nitida su uno schermo retina. Copiala negli appunti con ⌘⇧C oppure salvala con ⌘S.
Guarda tutti i 30 temi a confronto oppure leggi il flusso completo.
Tutto gira sul tuo Mac. Il tuo codice non lo lascia mai.