Stripes con CSS Custom Properties

Stripes por todos lados

Empecemos

Nuestro contenedor de stripes inicial
Habemus stripes!
  • que empiece con el color negro a los 0px y siga con el mismo color hasta los 15px
  • a partir de esos 15px y hasta los 30px le asignamos el color amarillo
  • …esto se repite todo el tiempo completando los stripes.
Las stripes y sus modificadores

Refactorización con CSS Custom Properties

Nuestro stripe, ahora con CSS Custom Properties
Nuestros stripes refactorizados con CSS Custom Properties

Conclusión

--

--

--

UI Developer | alejandronarvaja.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alejandro Narvaja

Alejandro Narvaja

UI Developer | alejandronarvaja.com

More from Medium

Dials: Upgrading HTML / CSS Card Components with Time Dials using JS

BEM: A Class Naming Convention

How to Prevent Scroll (& Touch Move) On Mobile Web Parent Elements — while allowing it on children

CSS Claymorphism