You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am personally using Font Awesome instead of the built in icon set that MaterializeCSS provides since I feel they have a wider range of icons.
Therefore I wrote my own support for Font Awesome icons. I don't know if there's a common request from others (couldn't see any tickets), but I figured I at least provide the code here and if needed I can convert it to sass and make a pull request if there's something that's desired in the future.
Best regards,
vonNiklasson
/* Reset some settings for all icons in the stepper */ul.stepper.fa-stepper .step.done::before,ul.stepper.fa-stepper .step.wrong::before,ul.stepper.fa-stepper.horizontal .step.done .step-title::before,ul.stepper.fa-stepper.horizontal .step.wrong .step-title::before {
font-family:"Font Awesome 5 Free"!important;
font-weight:900;
font-size:14px;
}
/* Set the done icon in vertical to a check mark */ul.stepper.fa-stepper .step.done::before {
content:"\f00c";
}
/* Set the wrong icon in vertical to an exclamation point */ul.stepper.fa-stepper .step.wrong::before {
content:"\f12a";
}
@mediaonly screen and (min-width:993px) {
/* Set the done icon in horizontal to a check mark */ul.stepper.fa-stepper.horizontal .step.done .step-title::before {
content:"\f00c";
}
/* Set the wrong icon in horizontal to an exclamation point */ul.stepper.fa-stepper.horizontal .step.wrong .step-title::before {
content:"\f12a";
}
/* Hide vertical icon on horizontal */ul.stepper.fa-stepper .step.done::before,ul.stepper.fa-stepper .step.wrong::before {
content: none;
}
}
The text was updated successfully, but these errors were encountered:
Hello and thank you for this package.
I am personally using Font Awesome instead of the built in icon set that MaterializeCSS provides since I feel they have a wider range of icons.
Therefore I wrote my own support for Font Awesome icons. I don't know if there's a common request from others (couldn't see any tickets), but I figured I at least provide the code here and if needed I can convert it to sass and make a pull request if there's something that's desired in the future.
Best regards,
vonNiklasson
The text was updated successfully, but these errors were encountered: