Recientemente cambié a usar una serie de clases de utilidad junto con mi estructura BEM, donde las clases de utilidad son una serie de modificadores de nivel superior. Tiene sentido, en mi aplicación, usar la mayor cantidad posible de estos, luego confiar en componentes para diseñar elementos cuando se combinan, que son una colección de elementos.
- Cómo hacer mi sitio web como fb
- ¿Cuál es el camino para que alguien aprenda Ruby on Rails desde principiante a nivel intermedio?
- ¿Cómo almacena grandes cantidades de datos de impresión / registro en MySQL sin desactivar el servidor MySQL?
- ¿Cuáles son las ventajas de hacer desarrollo web con Python y Django?
- ¿Cuál es el beneficio del complemento de WordPress?
Uso las clases de utilidad cuando no tiene sentido convertirlo en su propio componente. También trato de definir cosas como margen y relleno usando las clases ya que los componentes pueden necesitar más margen / relleno dependiendo de su ubicación.
Cosas como la configuración del tamaño de fuente, el color y otros atributos menores pero ampliamente utilizados.
- .font-5 : establece el tamaño de fuente en el nivel 5 ( tamaño de fuente: 21.875px | 1.563rem)
- .is-number : aplica el número font-family
- .status-text.is-active – is-active solo aplica el texto verde si también se define el texto de estado.
- mini-header : es un alias para las siguientes clases: mayúscula, quiet (aplica texto gris), font-8 (font-size: 11.2px | 0.8rem)
Para mí, usar clases de utilidad como esa significa que no tendría que crear un componente completo solo para aplicar color, relleno, márgenes o bordes