Trabajar con los puntos de interrupción en Drupal 8

Uso avanzado

 

También puede agregar puntos de interrupción de grupos definidos por otros módulos o temas, pero debe utilizar el nombre completo.

 

Por ejemplo, en yourmodule.breakpoints.yml podría hacer lo siguiente:

 

yourmodule.yourtheme.group2.superwide
 label: superwide
 mediaQuery: '(min-width: 1501px)'
 weight: 1
 multipliers:
   - 1x
   - 2x
 group: yourtheme.group2

 

Esto añadiría el punto de interrupción definido en el módulo para el grupo definido en yourtheme breakpoint.

 

Multiplicadores:

 

Los multiplicadores son una medida de la resolución del dispositivo de la ventana, que se define como la relación entre el tamaño de píxel físico del dispositivo activo y el tamaño de píxel independiente del dispositivo.

 

 

Por ejemplo "retina" muestra tienen un multiplicador de 2x.

 

El módulo de punto de interrupción define multiplicadores de 1x, 1,5x y 2x. Al definir los puntos de interrupción, los módulos y los temas pueden definir los multiplicadores que se aplican a cada punto de interrupción.

Ejemplo:


"1.5x '// compatible con Android
'2x' // compatible con pantalla retina Mac

 

Espero que os sirva este artículo, muchas gracias y saludos.

^^

Páginas

Total de votos: 172

Entradas relacionadas

Comentarios (0)

Deja un comentario