JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q5654F
  • License MIT

Simple Layout Framework Based On Flexbox.

Package Exports

  • layit.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 (layit.css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

layit.css

English | 中文

基于Flexbox的CSS布局框架,简单,易学

安装

npm i -S layit.css

引入scss

@import "~layit.css";

如果你在sass中引入scss,别忘了在你的构建系统中添加 autoprefixer

引入css

@import "~layit.css/lib/layit.css";

使用

定制

  • l-前缀改为layout-

    $prefix: "layout-";
    @import "../../../src/index";
  • 栅栏格系统

    更改栅栏格最大格子数

    $units: 4;
    @import "../../../src/index";

    更改格子间的排水沟

    $level: 2;
    $rate: 5px;
    @import "../../../src/index";

版权

Copyright (c) 2018 Jeff Wang. See LICENSE for details.