0.0.8 • Published 1 year ago
mustart-gradients v0.0.8
Sass mixins for create beautiful gradients.
Getting Started
yarn add mustart-gradients
Using on Stylesheets
@import '/path/to/core'
// Default mixins of mustart-gradients
+mustart-gradients
// Create Gradients
$color-1: red
$color-2: blue
$name: sample
+mustart-gradient($color-1, #color-2, $name)
// Using on Spesific class
.your-class
@extend .mustart-gradient-sample
.your-gradient-text-class
@extend .mustart-gradient-sample-text
Using on HTML
Just add mustart-gradient-{name}
class on your spesific elements.
Available Class Name Format
- .mustart-gradient-{name}
- .mustart-gradient-{name}-flip
- .mustart-gradient-{name}-dark
- .mustart-gradient-{name}-dark-flip
- .mustart-gradient-{name}-light
- .mustart-gradient-{name}-light-flip
- .mustart-gradient-{name}-text
- .mustart-gradient-{name}-text-flip
- .mustart-gradient-{name}-text-dark
- .mustart-gradient-{name}-text-dark-flip
- .mustart-gradient-{name}-text-light
- .mustart-gradient-{name}-text-light-flip