Basal
Basal is a lightweight, cross-browser framework for web projects. The main goal is to provide a drop-in unobtrusive modern framework to start designing a site right away, with the use of SASS and Grunt.
Getting started
Download Basal, then run npm install (assuming you have Node.js installed on your system) in the root directory of the project. You're ready to go.
Components
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is a simple paragraph. It includes an anchor link to the repository. You may want to emphasize on a portion of it, or tag it as strong. Some contents might have been deleted or marked as important.
The main languages used on the web are HTML, CSS and javascript.
Grid
Regular fluid grid
Responsive grid
Watch the columns take up different widths as the window is resized.
Offset columns
Buttons
Primary button Secondary button Tertiary button Danger button Default button Disabled button
Code
This is an inline code block within a <p> tag.
I'm a code block within a <pre> tag.Forms
Lists
Simple ordered list
- One
Two- Three
Simple unordered list:
- One
Two- Three
Unstyled list:
- One
Two- Three
Nav list
Tables
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Item | Item | Item |
| Item | Item | Item |
| Item | Item | Item |
| Item | Item | Item |
Blockquotes
Have no fear of perfection – you’ll never reach it.