npm install corner-ribbon
Corner ribbon CSS (Sass). Demo
``bash`
npm install corner-ribbon
`html`
`html`
Install dependencies.
`bash`
npm install sass-math
Load dependencies.
`sass`
@import 'node_modules/sass-math/math';
Custom corner ribbon sizes.
`sass
// id => (width, height)
// generates .corner-ribbon--#{ $id }-[left|right]-[top|bottom] modifier classes
// i.e. .corner-ribbon--large-left-top
$corner-ribbon-sizes: (
large: (200px, 30px)
) !default;
`
Custom corner ribbon background colors.
`sass
// id => #color
// generates .corner-ribbon--#{ $id } modifier classes
// i.e. .corner-ribbon--red
$corner-ribbon-colors: (
red: #ff0000
) !default;
`
Import corner ribbon Sass files in your project.
`sass``
@import 'node_modules/corner-ribbon/sass/variables';
@import 'node_modules/corner-ribbon/sass/corner-ribbon';