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

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -