- When you are replacing color variables in
_user-variables.scss
, All SVG shapes color also will be changed accordingly. So you don't need to put extra effort to manage SVG colors. - Shape(s) color can also be changed by changing fill helper classes. i.e. Change
.fill-primary
to.fill-dark
- Shape(s) position can be changed with Position utility classes.
- Use
.zoom-1, .zoom-2, .zoom-3, .zoom-4, .zoom-n1, .zoom-n2, .zoom-n3, .zoom-n4
to scale shapes. - Use
.opacity-#
classes to set visibility. - Use
.rotate-10, .rotate-90
and.rotate-270
classes to rotate shapes.