lisi-css v0.2.2
Introduction
.Lisi is a clean starting point CSS framework to build websites without annoying styles. It has been built in SASS.
Is a simple, powerful, free and open source. It's not about a UI framework.
Designed to carry out projects that come from designers, so we can give the look we want to the design without styles that bother.
You can find the documentation and the reference guide in https://lisi.es (Coming soon)
Getting started
First, install .Lisi in your project using one of the following methods:
Download zip.
Clone the git repository.
$ git clone https://github.com/maarestudio/lisi.git
Install with npm.
$ npm install lisi-css
Install with Yarn.
$ yarn add lisi-css
Install with Bower.
$ bower install lisi-css
Usage
The main css
files is located in the dist/
folder. Include it on every HTML
file of your project by adding the following tag:
<link rel="stylesheet" type="text/css" href="./path/to/lisi-css/dist/lisi.min.css">
Or you can use the hosted version on jsDelivr:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lisi-css/dist/lisi.min.css">
Guides and reference are published in https://lisi.es/documentation (Coming soon). Take a look and start creating your web page!
Using the SASS file
You can use the SASS file located in the sass/
folder.
@import "lisi-css/sass/lisi.scss"
Remember that you must have nodejs installed to install npm packages.
Developers
Clone the repository.
$ git clone https://github.com/maarestudio/lisi.git
Install dependencies.
Now, cd
to the lisi repository and install all the develop dependencies using npm
or yarn
:
$ npm install
$ yarn install
SASS watcher.
The SASS files are compiled every time there is a change and generate the .css
file in the dist/
folder. To do that we add a 'start' script.
$ npm run start
Run test.
Run sass-lint test using:
$ npm run test
SASS compile.
To directly compile the SASS files and generate the .css
and .min.css
files in the dist/
folder by running the following command:
$ npm run build
Browser support
- Chrome latest
- Firefox latest
- Opera latest
- Safari latest
- IE latest
Contribute
Finding bugs, sending pull requests or improving our docs - any contribution is welcome and highly appreciated. To get started, head over to our contribution guidelines. Thanks!
License
.Lisi is under the MIT license. © Maare Studio.