Documentation and compilled styles are available here
Colors take up the most space. The library with color will take 7.6K gzipped And without color it will only take 1.6K gzipped
These are the classes that I find useful most of the time when working with CSS. Although, some of the frameworks have similar helpers, not all of them have all those that I need. And they tend to name things differently there.
Some of the other implementations might require pipelines that differ from this particular workflow.
Use -angry suffix to override your framework defaults (add !important ) to the selected rules For example: .qq-cut-bottom becomes turns into .qq-cut-bottom-angry
- Documentation site of this set of classes (in conjunction with PureCSS)
- Static blog engine. Building theme in conjunction with PureCSS
- (HTML screens in conjunction with PureCSS)
- (HTML screens in conjunction with SemanticUI)
- (HTML screens in conjunction with PureCSS)
You will need Leiningen 2.0.0 or above installed. You will also need Tmuxinator
Then
git clone github.com/MichaelLeachim/wireframecss;
cd wireframecss;
tmuxinator .
Several things to play with in conf.clj:
- Scaling units, default are
[0.5em, 1em, 1.5em, 2.5em, 4em, 6.5em, 10.5em] - Amount of available drills, defaults are
6
- Make explode/expand blocks that defy their container constraints through the use of negative margins.
- Figure out how to make it work nicely on mobile
- Make
:hoveraccents for colors and backgrounds - Implement color engine:
- complementary/adjacent
- adjacent colors
- grayscale
- Make online configuring tool