Resulta que estoy haciendo unos botones outline, normales, y limpios.
Los normales tienen background-color
, los outlines sólo border, y los limpios sólo color, también tengo atributos de colores, mi intención es que ese atributo sólo se use en html, por ejemplo:
<button --color-blue></button>
Lo que en css sería:
[--color-blue] {
background-color: blue;
color: white;
}
Pero no sé como hacer para que eso se adapte a los botones outline y limpios, porque les pone background-color
y el texto en blanco, ¿habría algún tipo de condicional sólo - CSS? cómo
[--color-blue] {
button.clean {
backround-color: transparent;
color: blue
}
button.outline {
background-color: transparent;
border-color: blue;
}
}