https://github.com/allienworks/brickst
BRICKst is yet another mobile-first CSS framework for kickstarting your projects. Heavily inspired by ZURB's Foundation, OOCSS and SASS amazing powers.
https://github.com/allienworks/brickst
css-framework frontend minimal
Last synced: 9 months ago
JSON representation
BRICKst is yet another mobile-first CSS framework for kickstarting your projects. Heavily inspired by ZURB's Foundation, OOCSS and SASS amazing powers.
- Host: GitHub
- URL: https://github.com/allienworks/brickst
- Owner: AllienWorks
- License: mit
- Created: 2015-04-28T21:21:11.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2018-01-13T20:53:28.000Z (almost 8 years ago)
- Last Synced: 2023-02-26T22:47:14.017Z (almost 3 years ago)
- Topics: css-framework, frontend, minimal
- Language: CSS
- Size: 408 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BRICKst
Say hi to yet another (S)CSS framework. BRICKst is (heavily) inspired by ZURB's Foundation, takes the best of its code and philosophy, applies it in minimal fashion and some little tweaks, which I found useful.
BRICKst is constantly in development, however slow the progress may be. I'm gradually building smaller projects on it and therefore adding missing features in the meantime.
All code tweaks, little hacks and stuff are appreciated (e.g. in case you find some unfitting solutions).
Homepage & demo in preparation, not available at the moment ([index.html] itself serves as a demo for now).
## Installation & Usage
Download or clone this repo. Copy the files over to your project and start building your app with BRICKst.
`docs.html` is included with references to implemented features and example layouts. Dedicated website with proper docs will come when BRICKst is somehow ready for production.
## Development
1. copy the files to your project
2. `npm install` to fetch dependencies
3. `gulp watch` for development compilations; starts live reloading server via BrowserSync (browse to http://localhost:3000)
- compiles SCSS from `scss/`
- uglyfies & minifies JS from `js/src/`
- adds sourcemaps to both ^
- optimizes SVGs in `img/icons`
- generates webfont icons from ^ to `fonts/`
4. `gulp build` for one-time compilation
## Todo/Features
* SCSS
* [ ] Table of Contents
* [x] Split BRICKst into separate _partials (?)
* GRID
* [x] medium grid
* [x] small grid
* [ ] offsets
* [x] centering
* [ ] nestable (needs fixing)
* [x] block grid
* [x] responsive block grid
* Typography etc.
* [ ] better typography (with vertical rhytm and aligned baselines) – [inspiration](https://sassline.com)
* [ ] nested `ol` lists with proper numbering
* Forms
* [x] inputs, textareas, ...
* [ ] focus for buttons
* [ ] input errors/alerts
* [ ] sample Form code for Docs
* Addons
* [ ] basic styles for column highlighting (after grid customization) for easier creation of "guide grid" in Photoshop
* JS (?)
* [ ] column equalizer – http://css-tricks.com/equal-height-blocks-in-rows/ OR https://github.com/liabru/jquery-match-height
* [ ] basic tabs
* [ ] accordion
## BRICKst in the Wild
Some of the sites I know about that are using BRICKst:
* [allienworks.net](https://allienworks.net) & [allien.work](https://allien.work) – of course I build my sites with it ;)
* [TAJP](https://github.com/vincurekf/TAJP) – Angular/JS/PHP starter template by Filip Vincůrek
* [Cryptocoins](http://labs.allienworks.net/icons/cryptocoins/) – microsite featuring my [cryptocurrency icon pack](https://github.com/allienworks/cryptocoins)
## Author
BRICKst, *your web app's first brick*, was built by **Martin Allien** (and many contributors to ZURB's Foundation, in a sense).
* Website: [allien.work](https://allien.work)
* Keybase: [martin_allien](https://keybase.io/martin_allien)
[Tip me crypto](https://allien.work/donate) and **support further development**!
Follow for updates and more stuff:
* Twitter: [@AllienWorks](https://twitter.com/AllienWorks)
## Licence
Released under [MIT Licence](http://opensource.org/licenses/MIT) | Copyright © 2016 Martin Allien