Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/08/2015, 10:26
Avatar de gersveo
gersveo
 
Fecha de Ingreso: julio-2008
Mensajes: 145
Antigüedad: 15 años, 9 meses
Puntos: 5
Variables o constantes con CSS

Buenas... Revisando unas cosas sobre boostrap me encontré con que usan algo parecido a unas variables... bueno... yo lo llamo así...

Cita:
@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;
y las usan así...

Código CSS:
Ver original
  1. @media(max-width: @screen-xs-max) {
  2.  
  3. }
  4.  
  5. @media(min-width: @screen-sm-min) {
  6.  
  7. }
  8.  
  9. @media(min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
  10.  
  11. }
  12.  
  13. @media(min-width: @screen-md-min) {
  14.  
  15. }
  16.  
  17. @media(min-width: @screen-md-min) and (max-width: @screen-md-max) {
  18.  
  19. }
  20.  
  21. @media(min-width: @screen-lg-min) {
  22.  
  23. }

he buscado por internet como se declaran esas variables... pero nada... no lo he logrado...
Se me ocurrió crear un color para una plantilla... y para no estar escribiendo el código del color pensé en usar una variable... y si cambiaba el color solo era modificar una línea...

alguien me puede dar luz sobre este tema...?

Última edición por gersveo; 28/08/2015 a las 10:39 Razón: Modificar el título