SCSS
Transformez vos extraits SCSS en images que l’on a envie de partager, sans quitter votre Mac.
On montre du SCSS pour expliquer une imbrication ou un mixin, deux choses structurelles — et la structure survit bien mieux au passage en image qu'au collage en texte.
Codeshot détecte SCSS à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’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 profondeur d'imbrication est le message. Tenez-vous-en à trois niveaux dans le cadre, et laissez l'indentation porter l'explication.
Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec ⌘⇧C ou enregistrez avec ⌘S.
Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.
Tout tourne sur votre Mac. Votre code ne le quitte jamais.