`scss-mixins` is a collection of scss mixins and functions to ease and improve implementations of common style-code patterns.

Portfolio ◦ Carrers ◦ Contact

• Animations
• Breakpoints
• Flex
• Fonts
• Gradients
• Grid
• Hover
• Icons
• Images
• Lists
• Positioning
• Responsive
• Shapes
• Spacing
• Typography
• Variables

Several quick start options are available:

• Clone the repo: git clone https://github.com/7ninjas/scss-mixins.git
• Install with npm: npm install @7ninjas/scss-mixins
• Install with yarn: yarn add @7ninjas/scss-mixins

Import _all.scss file to your core scss file for importing all mixins from package

Example:

@import '~scss-mixins/all'

Several quick start options are available:

• Clone the repo: git clone https://github.com/7ninjas/scss-mixins.git
• Install with npm: npm install @7ninjas/scss-mixins
• Install with yarn: yarn add @7ninjas/scss-mixins

Import all file to your core scss file for importing all mixins from package

Example:

@import '~scss-mixins/all'

Found bug? Or maybe you've got great idea for feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet - don't hesitate to open a new issue!

Get updates on 7ninjas's development and chat with the project maintainers and community members.

• Like @7ninjas on Facebook.
• Follow @7ninjas on Twitter.
• Discover @7ninjas Dribbble
• Explore @7ninjas Behance.
• Enjoy @7ninjas Instagram.

To see new features and changes for each released version checkout the Releases section of our GitHub project

Code released under the MIT License.