https://github.com/fdietz/heki.css
Simple responsive boilerplate to kickstart your project - https://fdietz.github.io/heki.css/
https://github.com/fdietz/heki.css
bootstrap css frontend html kickstarter mobile responsive
Last synced: 6 months ago
JSON representation
Simple responsive boilerplate to kickstart your project - https://fdietz.github.io/heki.css/
- Host: GitHub
- URL: https://github.com/fdietz/heki.css
- Owner: fdietz
- License: mit
- Created: 2017-08-18T15:21:32.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-26T14:24:11.000Z (almost 9 years ago)
- Last Synced: 2025-08-23T05:28:48.675Z (11 months ago)
- Topics: bootstrap, css, frontend, html, kickstarter, mobile, responsive
- Language: CSS
- Homepage:
- Size: 74.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# heki.css
Simple responsive boilerplate to kickstart your project
heki.css provides a minimal set of styles for a clean start at only *2.5kb gzipped*.
It is intentionally not a UI framework and a great start if you feel that you don't need all the functionality provided by a larger framework.
[Documentation](https://fdietz.github.io/heki.css/)
## Motivation
* Using CSS variables (for example: --primary-color: blue)
* Simplifies customizing of boilerplate
* Offers easy themeing capabilities
* Change via Javascript
* Consistenly using margin-bottom only (even in reset)
* Responsive font-size using a modular type scale
* It is just vanilla CSS, no compile step required
## Getting started
### Download
The easist way to get started is to download the [latest release](https://github.com/fdietz/heki.css/releases).
### heki.css is available via npm
```
$ npm install heki.css
```
### Add the stylesheet link tag in the head.
```
Welcome to heki.css!
```
## Browser Support
* Chrome latest
* Firefox latest
* Opera latest
* Safari latest
* Edge
You can use `heki.css` today if you can ignore Internet Explorer. Edge is fine though.
This mostly comes down to support for [CSS variables](http://caniuse.com/#feat=css-variables). If you need to support Internet Explorer consider using a Polyfill [myth](http://www.myth.io/) or similar. To makes things simpler for now, `heki.css` only uses css variables at the `:root` scope.
## Credit
Lot's of inspiration from minimal frameworks as for example [milligram](https://github.com/milligram/milligram) or [skeleton](http://getskeleton.com/).
The reset is based on [Bootstrap 4 Reboot](https://v4-alpha.getbootstrap.com/content/reboot/) and adapted to use CSS variables.
Awesome articles as for example [Locally scoped CSS variables: What, how, and why](https://una.im/local-css-vars/#💁) by Una Kravets.