stylep-menu-icon
v0.2.0
Published
A simple menu icon for your next project.
Downloads
6
Readme
stylep-menu-icon
A simple animated menu icon that transforms into a close icon.
Install
You can install using the spm command or install using npm and the project name.
spm install menu-icon
Usage
/* menu-icon.css */
@import “stylep-menu-icon”;
.menu-icon {
/* Customize your icon */
@mixin menu-icon #000, #999, 3px, 14px, .3s;
/* add something custom in here */
}
Styles
Customizable presets that give your pattern a specific style-set.
menu-icon
Draws three bars that look like a menu icon.
Options
$menu-icon-color: #000
Color of the menu icon$menu-icon-active-color: #000
Color of the menu icon activated$menu-icon-radius: 3px
How rounded the menu icon bars are.$menu-icon-size: 14px
Relative sizing of the menu icon$menu-icon-class: :focus
The class that activates the menu-icon
License
This project is licensed under the MIT license.