0.1.0 • Published 3 years ago
sb-scss v0.1.0
SCSS function and mixin library
This is set of SCSS functions and mixins, that you can simply use in your own SCSS code.
NOTE: This is work in progress, not all mixins are documented and may not work. At this point, use at your own risk!
Install
npm install sb-scss --save-dev
- In your SCSS file, just import
@import "sb-scss";
Contrast color
choose-contrast-color($color)
This function will calculate contrast color to passed color. Useful to automaticaly switch text color from black to white depending on the background color.
This will always return 'black' or 'white'.
.should-be-white {
color: choose-contrast-color(#111111);
}
.should-be-white {
color: white;
}
Block with parallax background effect
parallax($image, $height)
.block-with-parallax {
@include parallax("image.jpg", 100vh);
}
Typewritter FX
.title {
@include typewriter(#f00, 300px, 50);
}