Package Exports

scaffold.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (scaffold.css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Scaffold.css / 脚手架CSS

An all in one normalize CSS with enhancements and helpers. / 增强的初始化CSS

Including ／包括

Nomalizing / 跨浏览器样式还原
Useful enhancements / 实用的增强
Common helpers / 辅助Class

Installation / 安装

NPM

npm install --save scaffold.css

Import in Javascript (Recommended) / 在JS里引入 (推荐方式)

import 'scaffold.css';

Import in Sass / 在Sass里引入

@import 'path/to/node_modules/scaffold.css/scaffold.css';

Or / 或直接引入

<link rel="stylesheet" href="https://raw.githubusercontent.com/77Vincent/scaffold.css/master/scaffold.css">

Enhancemens / 增强特性

html {
    font-size: 1em;
}

html, body {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-style: normal;
}

ol, ul {
    margin: 0;
    padding: 0;
}

*,
*:after,
*:before {
    vertical-align: baseline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

:hover,
:active,                                                                                                                                                      
:focus {
    outline-width: 0;
}

a { color: inherit; }

button {           
    background-color: transparent;
    border: none;                                                                                                                           
}

Helpers / 辅助Class

12-column grids class / 12纵列网格class

.col-1 { width: 8.33%; }
.col-2 { width: 16.66%; }
.col-3 { width: 25%; }
...
.col-12 { width: 100%; }

Clearing float / 清除浮动

.clearfix {
    content: "";
    display: block;
    clear: both;
}

Alignment / 对齐

.text-center { text-align: center; }
.text-right { text-align: right; }

Normalizing / 标准化

Mostly fork from necolas/normalize.css

Browser support / 浏览器支持

Internet Explorer 8+

scaffold.css