https://github.com/christian-dale/kernel.css
The CSS framework built for any kind of task.
https://github.com/christian-dale/kernel.css
css css-framework semantic simple stylus
Last synced: 4 months ago
JSON representation
The CSS framework built for any kind of task.
- Host: GitHub
- URL: https://github.com/christian-dale/kernel.css
- Owner: christian-dale
- License: mit
- Created: 2016-12-19T20:10:34.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2025-07-12T16:35:39.000Z (11 months ago)
- Last Synced: 2025-07-12T18:39:23.703Z (11 months ago)
- Topics: css, css-framework, semantic, simple, stylus
- Language: Stylus
- Homepage: https://christian-dale.github.io/kernel.css/
- Size: 865 KB
- Stars: 81
- Watchers: 5
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
[](https://www.npmjs.com/package/kernel.css)
Welcome to the kernel.css library!
Table of contents
-----------------
* [Introduction](#introduction)
* [Installation](#installation)
* [Contribute](#contribute)
* [Contact](#contact)
* [Changelog](#changelog)
Introduction
============
What is it?
-----------
The kernel.css library is a unintrusive, lightweight and semantic CSS library. It uses prefixes for all it's classes and is meant to be
a simple foundation to your project.
Features
--------
* Grid system with 12 columns.
* Flexbox support.
* Responsive design.
* Navigation with four preset sizes (ke-header-xs, ke-header-sm, ke-header-lg, ke-header-xl).
* Cubic-bezier transitions.
Why was it created?
-------------------
kernel.css was created to be a simple, lightweight CSS library that could be used as a baseline for my other projects.
It is meant to be unintrusive, and not get in the way of your own styles.
It's far from finished
------------------------
The kernel.css framework is an ever evolving project, and will
continue to be improved upon. I hope you will find it useful.
Installation
============
Simple. Just include this tag in your html.
```html
```
Navigation code example
-----------
```html
```
Contribute
==========
If you like the project and would like to contribute, you can
do so at github.
You can also help support the continued development of this project on
Contributing code
-----------------
Required software:
* git
* nodejs
* npm (bundled with nodejs)
The kernel.css webpage is located in the /docs directory, and the project
examples are also found in the /docs directory.
You can find the SCSS preprocessor files in the /scss directory.
After you build the project with "npm run build",
the newly built kernel.css file can be found in the /build directory. Please use the index.html file in /docs directory which uses the CSS file in /build, to test your changes.
Please run the "npm run lint" script before you commit any changes.
Writing documentation
---------------------
We always appreciate if you help out improving the documentation.
I have probably made lots of typos :)
Useful links
------------
* Github page: http://github.com/christian-dale/kernel.css
* Issue tracker: https://github.com/christian-dale/kernel.css/issues
Please don't hesitate to report any issues you may find.
Documentation
-------------
As of now the documentation can be found at: https://christian-dale.github.io/kernel.css/
License
-------
The project is licensed under the MIT license. Please read the file called LICENSE.md
Contact
=======
Christian Dale
- Web: https://christiandale.no
- Email: post@christiandale.no
Changelog
=========
Please read the file called CHANGELOG.md