0.0.1 • Published 4 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 css
0.0.1
4 years ago