SCSS Variables on Martijn's Noteshttps://1552afcb.notes-6if.pages.dev/tags/scss-variables/Recent content in SCSS Variables on Martijn's NotesHugonlCopyright © 2016-2026 van den <span class='bold-rotate'>B</span>oom. All Rights Reserved.Sat, 23 Jul 2022 17:23:28 +0800SCSS-variabelenhttps://1552afcb.notes-6if.pages.dev/docs/advanced/scss-variables/Sat, 23 Jul 2022 17:23:28 +0800https://1552afcb.notes-6if.pages.dev/docs/advanced/scss-variables/Dankzij assets/main/scss/_variables.scss hebben we de mogelijkheid om de standaard SCSS-variabelen van thema en Bootstrap te wijzigen.

Waarom SCSS-variabelen?

Hoewel we de CSS kunnen overschrijven via assets/main/scss/_custom.scss, zal dit uiteindelijk de grootte van de CSS-bundel vergroten, maar de SCSS-variabele doet dit in de meeste gevallen niet.

Er is bijvoorbeeld een standaardanimatie voor het logo bij het aanwijzen van de muis.

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

Het kan het uitschakelen via aangepaste SCSS.

]]>