El Noguer

Joaquim Perez i Noguer

Variables al CSS

Filed under: Web — Joaquim Perez Noguer at 2:08 pm on Divendres, febrer 19, 2016

CSS permet utilitzar variables de manera que si hi ha varis elements que cal configurar amb un determinat color, es pugui utilitzar una variable per canviar el color de tots els elements alhora.

Per exemple:

:root {
–base: #ffc600;
–spacing: 10px;
–blur: 10px;
}

img {
padding: var(–spacing);
background: var(–base);
filter: blur(var(–blur));
}

.hl {
color: var(–base);
}

Més informació: codepen.io/wesbos

 

 

 



No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>