Project

nojiko

0.0
No commit activity in last 3 years
No release in over 3 years
There's a lot of open issues
这是一个基础的 Compass 扩展库,可以帮助你快速开始创建一个网站。它会为你提供一组混入类,一个 reset,一套基础全局样式,以及一套栅格系统。
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
 Dependencies

Runtime

~> 1.0.0.rc.1
~> 3.3
 Project Readme

Nojiko

Nojiko 是一个使用 SCSS 编写的基础工具库,其中包含如下内容:

  • 一组工具函数及混入类;
  • 一组通用配置变量;
  • 一套基础全局样式;
  • 以及一套原子样式。

原则

安装

1. 在项目中安装 nojiko:

$ yarn add nojiko
$ npm install nojiko

2. 配置引入路径:将 node_modules 目录添加到 SASS 编译器的 includePaths 配置中(当然你也可以根据你的项目自行配置, 但要注意这可能会导致下一步中的引入路径有所不同)。

3. 按需引入 nojiko:

@import "nojiko/sass/nojiko";       // 提供 Helpers、Add-ons、List 及 Map 四个分组下所定义的所有函数及混入类

@import "nojiko/sass/variables";    // 提供 Variables 分组下所定义的所有全局配置变量,依赖 nojiko 模块
@import "nojiko/sass/scaffolding";  // 提供 Scaffolding 分组下所定义的一套全局脚手架样式,依赖 variables 模块
@import "nojiko/sass/elements";     // 提供 Elements 分组下所定义的一套原子样式类,依赖 variables 模块

升级

Nojiko 采用语义化版本控制,并提供了一份详细的 更新记录,请在升级之前仔细阅读该更新记录。

其它 SASS 库

  • sass-mq 更方便的书写媒体查询样式;
  • sass-true 对 sass 的混入类及函数做单元测试;