sandal

sandal 介绍

该项目为 Sass 的基础库，另有 一个 针对 Postcss 的为 Sandal for Postcss。

sandal取其“檀香”之意，针对移动端 站点 为前端人员提供了一些基础的重置，常用的mixin，如flex布局，等分，水平垂直居中，常用图标等，基于它你可以扩展出更多你需要的UI组件，sheral就是基于sandal的移动端UI库。

sandal，分核心 文件 和扩展 文件 两种。其中核心 文件 包括 重置样式，@mixin，%等方便 调用 ；而扩展 文件 则提供基础原子类class，图标，网格系统。

核心 文件 提供两个集合 文件 以供 调用 ，分别为_function.scss， _core.scss。两者的区别为function仅提供 功能 ，而core除了提供function的 功能 ，还会会 生成 一份重置样式

扩展 文件 有四个，分别为_icons.scss，_helper.scss，_grid.scss，_page-slide.scss可根据需要 调用

安装

npm install sass-sandal --save-dev

webpack 使用 // 核心 文件 调用 ，如需要reset样式则为core@import '~sass-sandal/_core';// or@import '~sass-sandal/_function';// 扩展 调用 对应模块@import '~sass-sandal/ext/icons';@import '~sass-sandal/ext/helper';@import '~sass-sandal/ext/grid';@import '~sass-sandal/ext/page-slide'; 一般 调用 // 核心 文件 调用 ，如需要reset样式则为core@import 'node_modules/sass-sandal/core';// or@import 'node_modules/sass-sandal/function';// 扩展 调用 对应模块@import 'node_modules/sass-sandal/ext/icons';@import 'node_modules/sass-sandal/ext/helper';@import 'node_modules/sass-sandal/ext/grid';@import 'node_modules/sass-sandal/ext/page-slide'; 链接 : http://www.fly63.com/nav/1265

网站地址 : http://marvin1023.github.io/sandal/

GitHub: https://github.com/marvin1023/sandal

网站描述: Sass 的基础库

sandal官方网站

官方网站： http://marvin1023.github.io/sandal/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于sandal的详细内容...