Fix git fiasco

This commit is contained in:
Alexander Navarro 2023-10-15 11:57:17 -03:00
parent 96e924c2b2
commit 501db39aae
128 changed files with 78 additions and 10312 deletions

View file

@ -2,12 +2,12 @@
id: 23360258-5e55-4f51-ae84-83f073539aef
title: |
Using CSS custom properties like this is a waste - YouTube
status: INBOX
status: ARCHIVED
tags:
- read-later
- Youtube
date_added: 2023-10-14 20:11:15
url_omnivore: >
url_omnivore: |
https://omnivore.app/me/using-css-custom-properties-like-this-is-a-waste-you-tube-18b30754bdc
url_original: |
https://m.youtube.com/watch?index=12&list=WL&pp=gAQBiAQB&v=_2LwjfYc1x8
@ -15,6 +15,14 @@ url_original: |
# Using CSS custom properties like this is a waste - YouTube
## Notes
Definir _"variables locales"_ en la clase más alta de un _componente_ (Ej: ˋ.cardˋ), esta variable se puede utilizar para hacer variantes del componente de manera más rápida y limpia y se puede utilizar en los decendientes de la clase.
Esto tiene la ventaja de:
1. Para crear una variante de nuestro componente solo debemos crear una nueva clase y añadirla junto a la clase más alta (ˋ.card-successˋ), y ya solo debemos sobre escribir las variables en vez de tener que actualizar cada parte del componente (ˋ.card.card-success .buttonˋ & ˋ.card.card-success .card-header h3ˋ).
2. Si tenemos propiedades complejas o animaciones donde solo varia una parte de ellas (Ej: ˋdrop-shadowˋ) no tenemos que re-escribir en cada variante la propiedad completa.
---
## Original