Harry Roberts echa un vistazo a su publicación anterior sobre clases abstractas y amplía la idea utilizando el @
símbolo:
La @ es una forma lógica y legible por humanos de denotar estados condicionales. Permite a los desarrolladores aprender sobre las posibles permutaciones o apariencias que pueda tener la parte de la interfaz de usuario en cuestión, de un vistazo.
Por ejemplo, en lugar de hacer una clase como .is-hidden--large
(donde un elemento solo está oculto en grandes puntos de interrupción) escribiríamos [email protected]
en lugar de. Puede parecer un poco extraño, pero creo que esto podría ser muy útil para escanear mucho marcado y tener una idea rápida de qué estilos se aplicarán siempre y cuáles solo se aplicarán en determinadas circunstancias.
Enlace directo →