@7ninjas/scss-mixins

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

Usage no npm install needed!

<script type="module">
  import 7ninjasScssMixins from 'https://cdn.skypack.dev/@7ninjas/scss-mixins';
</script>

README

7ninjas

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

Discover our scss practices »

PortfolioCareersContact

Be like a Ninja! Style like a Ninja!

Status

npm npm npm

CircleCI branch David GitHub code size in bytes

GitHub pull requests GitHub issues GitHub closed issues

GitHub stars GitHub watchers

Quick start

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

Usage

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

Example:

@import '~@7ninjas/scss-mixins/all';

Table of contents

Animations
Border Radius
Breakpoints
Buttons
Flex
Fonts
Forms
Gradients
Grid
Hover
Icons
Images
Lists
Positioning
Responsive
Shapes
Spacing
Tables
Typography
Variables

Bugs and feature requests

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!

Community

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

Versioning

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

License

Code released under the MIT License.