css - How to change the colour of the text of an active button using SASS in Ionic? -
i using sass method style ionic app.
on can achieve modifying variables stored in sass/_variables.sass.
for specific button, i want change color of text when active (when clicked on). however, default setup, possible change background color of button when clicked on in ionic setup. instance, find:
$button-light-bg: $light !default; $button-light-text: #fff !default; $button-light-border: rgba(255,255,255, 0) !default; $button-light-active-bg: $light !default; $button-light-active-border: $light !default;
how add additional variable in ionic change text color black? instance:
$button-light-active-text: #000 !default; // not work
now, button needs used somewhere? in ionic library can modify this?
you add button.scss file , link file in ionic.app.scss file @import "pathto/button.scss"
now in button.scss write:
.button.button-light.active, .button.button-light.activated { color : #000 }
or variable:
.button.button-light.active, .button.button-light.activated { color : $button-light-active-text }
and add in ionic.app.scss $button-light-active-text #000
the !deafult
not necessary. means: use value if no value set before property
Comments
Post a Comment