0.0.1 • Published 5 years ago
alilib v0.0.1
aliLib
aliLib is a quite simple css/sass library (potentially a framework) for Responsive Web Design.
Composition
This library consists in the following files:
- _base.scss: a very basic CSS "reset" with the main CSS rules.
- _cols.scss: CSS rules for setting the column system.
- _grid.scss: CSS rules for setting the grid system.
- _typography.scss: CSS rules to menage the main typography of this framework.
- _element.scss: the various other files in the project structure, through which it is possible to modify all the other elements.
Why should you use aliLib?
very light,
no need to edit your own CSS rules,
totally responsive,
creating fantastic layouts for your own projects has never been easier,
a very light framework that includes editable and sharable components.
Progressive support
To make your projects responsive, you need to include the following code inside your <head> tag in index.html:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">To activate JavaScript and therefore for the framework to be supported across practically every browser, you need to include the following script within the <head> tag of the index.html file of your own project:
<script>document.getElementsByTagName("html")[0].className += " js";</script>Compiling
To compile sass into the project's styles.css file, our development team used node-sass:
The command that should be used for the effective compilation of the sass code in css code, is the following:
node-sass --watch scss --output css0.0.1
5 years ago