@7ninjas/scss-mixins 中文文档教程
7ninjas
`scss-mixins` 是 scss mixins 和函数的集合,用于简化和改进常见样式代码模式的实现。
探索我们的 scss 实践 »
投资组合 ◦ 职业 ◦ 联系方式
像忍者一样! 风格像忍者!
Status
Quick start
有几个快速启动选项可用: 将
- 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
all
文件导入核心 scss 文件,用于从包中导入所有 mixins
示例:
@import '~@7ninjas/scss-mixins/all';
Table of contents
Border Radius
Breakpoints
Spacing
href="./docs/spacing.md#mixin-p">混合p
Variables
Bugs and feature requests
发现错误? 或者,也许您对功能请求有很好的想法? 请首先搜索现有和已关闭的问题。 如果您的问题或想法尚未得到解决 - 不要犹豫,打开一个新问题!
Community
获取有关 7ninjas 开发的最新信息,并与项目维护者和社区成员交谈。
- Like @7ninjas on Facebook.
- Follow @7ninjas on Twitter.
- Discover @7ninjas Dribbble
- Explore @7ninjas Behance.
- Enjoy @7ninjas Instagram.
Versioning
要查看每个已发布版本的新功能和更改,请查看 我们 GitHub 项目的发布部分
License
根据 MIT 许可证发布的代码.
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 »
Portfolio ◦ Careers ◦ Contact
Be like a Ninja! Style like a Ninja!
Status
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
Gradients
Positioning
Spacing
Tables
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.
- Like @7ninjas on Facebook.
- Follow @7ninjas on Twitter.
- Discover @7ninjas Dribbble
- Explore @7ninjas Behance.
- Enjoy @7ninjas Instagram.
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.