SCSS Variables on Martijn's Noteshttps://vandenboom.online/es/tags/scss-variables/Recent content in SCSS Variables on Martijn's NotesHugoesCopyright © 2016-2026 van den <span class='bold-rotate'>B</span>oom. All Rights Reserved.Sat, 23 Jul 2022 17:23:28 +0800Variables SCSShttps://vandenboom.online/es/docs/advanced/scss-variables/Sat, 23 Jul 2022 17:23:28 +0800https://vandenboom.online/es/docs/advanced/scss-variables/Gracias a assets/main/scss/_variables.scss, tenemos la capacidad de cambiar las variables SCSS predeterminadas del tema y Bootstrap.

¿Por qué variables SCSS?

Aunque podemos anular el CSS a través de assets/main/scss/_custom.scss, esto eventualmente aumentará el tamaño del paquete de CSS; sin embargo, la variable SCSS no lo hace en la mayoría de los casos.

Por ejemplo, hay una animación predeterminada para el logotipo al pasar el mouse.

1.top-app-bar .logo:hover {
2    transform: rotate(-5deg) scale(1.1);
3}

Puede desactivarlo mediante SCSS personalizado.

]]>