A lightweight responsive Sass/CSS framework based on flexible box.
- Document: https://sass-basis.github.io/
- GitHub: https://github.com/sass-basis/basis/
- Release: https://github.com/sass-basis/basis/releases/
- 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.
- integrity: https://sass-basis.github.io/integrity/
- improve: https://sass-basis.github.io/improve/
- affinity: https://sass-basis.github.io/affinity/
$ git clone https://github.com/sass-basis/starter-kit.git
$ cd starter-kit
$ npm install
$ npm start
Installs Basis
$ npm install sass-basis
Imports Basis your Sass/SCSS.
/* If you want to use Basis classes */
@import node_modules/sass-basis/src/css/basis;
/* If you want to use Basis mixins only */
@import node_modules/sass-basis/src/css/basis-core;
Imports JavaScript
import 'node_modules/sass-basis/src/js/basis.js';
Download the basis from https://github.com/sass-basis/basis/releases
Imports Basis your Sass/SCSS.
/* If you want to use Basis classes */
@import basis/src/css/basis;
/* If you want to use Basis mixins only */
@import basis/src/css/basis-core;
or Just this link.
<link rel="stylesheet" href="basis/dist/css/basis.min.css">
Loads JavaScripts
<script src="node_modules/sass-basis/dist/js/basis.min.js"></script>
https://cdn.jsdelivr.net/npm/sass-basis@latest/dist/
<a class="c-btn c-btn--block">Btn</a>
.c-btn {
@include _c-btn();
&--block {
display: block;
}
}
<a class="c-btn c-btn--block">Btn</a>
Modern Browser only
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.
MIT License
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent