项目作者: sass-basis

项目描述 :
A lightweight responsive Sass/CSS framework based on flexible box.
高级语言: SCSS
项目地址: git://github.com/sass-basis/basis.git
创建时间: 2015-11-20T02:44:10Z
项目社区:https://github.com/sass-basis/basis

开源协议:MIT License

下载


Basis

A lightweight responsive Sass/CSS framework based on flexible box.

Basis

Why it’s awesome?

  • Basis isn’t about a UI framework. Basis provides only basic frame of components. So you build a responsive web page quickly and easy to overwrite with your Sass or CSS.
  • CSS architecture of Basis is FLOCSS. So it is possible a modular approach.
  • Basis has incorporated the concept of vertical rhythm. So you can be a good-balanced design.
  • Basis has many mixins. Usufule mixins and abstract mixin of compornents.

Get started

Using NPM

Installs Basis

  1. $ npm install sass-basis

Imports Basis your Sass/SCSS.

  1. /* If you want to use Basis classes */
  2. @import node_modules/sass-basis/src/css/basis;
  3. /* If you want to use Basis mixins only */
  4. @import node_modules/sass-basis/src/css/basis-core;

Imports JavaScript

  1. import 'node_modules/sass-basis/src/js/basis.js';

Download from GitHub

Download the basis from https://github.com/sass-basis/basis/releases

Imports Basis your Sass/SCSS.

  1. /* If you want to use Basis classes */
  2. @use "node_modules/sass-basis/src/css/basis;"
  3. /* If you want to use Basis mixins only */
  4. @use "node_modules/sass-basis/core";

or Just this link.

  1. <link rel="stylesheet" href="basis/dist/css/basis.min.css">

Loads JavaScripts

  1. <script src="node_modules/sass-basis/dist/js/basis.min.js"></script>

Using CDN (jsDelivr)

@latest/dist/"">https://cdn.jsdelivr.net/npm/sass-basis@latest/dist/

Sample for using classes

  1. <a class="c-btn c-btn--block">Btn</a>

Sample for using abstracts

  1. @use "node_modules/sass-basis/core";
  2. .c-btn {
  3. @include core.btn();
  4. &--block {
  5. display: block;
  6. }
  7. }
  1. <a class="c-btn c-btn--block">Btn</a>

Browser support

Modern Browser only

How to contribute

Please make an issue if there is a problem and needs.
Please don’t make the new issue if the issue of the same content already exists.
If you can coding, please give me a pull request.
But, please do not send in the master branch.
Pull request sent to the master branch doesn’t merge.

License

MIT License