heliosgraphics / fractures

Only the good parts

Fractures

Fractures provide a stable, immutable base for our visual systems, ensuring maintainable code and easier abstractions. We use them to build our UI. Read the code or the website.

Goals

• Atomic
• Framework agnostic
• No UI
• Fast in every way
• Small cognitive load
• Tiny footprint

fractures's Issues

Remove redundant default overwrites in typo

Cleanup breakpoints

Add widths/max-widths

Add simple comma list

Create js loaders

Consider removing float helpers

Travis fails on postcss-cssnext 2.10.0

Consider removing format part

• proper specimen
• missing element definitions

Demo site hangs on load

Breakpoints need validation

non-responsive, mobile, tablet, browser, hd

Namespace format class

Types calc() values should be floored

Export configurable version

Configurable download page

• font-size values should be floored

Review reset, universal selectors are bad

Expand typo tools

• add ellipsis
• review options

Demo: push grow class when there is an active gutter

Update demo site

• should have a nice logo 8-)
• display classes

Add about page

• explain this shit
• link codepen demos

Add element dimensions toggle to grid demo

Linear modifiers

Fix demo site a2 uglify build

Syntax highlight on demo

Write usage+docs

Add gzipped dist

Cover grid layout when ready

https://www.w3.org/TR/css-grid-1/
https://css-tricks.com/snippets/css/complete-guide-grid/

Add auto margins

Update demo to angular2

because why not

Extend test coverage

Vertical rhythm helpers

Copy classnames on click

Update logo

Remove prefixes

Also consider creating a minified version with support for slightly older browsers.

Review adjoining classes

Use display flow root instead of clearfix

https://drafts.csswg.org/css-display/#valdef-display-flow-root

Helpers for grid columns, grow is not that user friendly

Add negative margins

Gutter bugs on column direction

Bring back flex-builder

Sass version (Separate modules)

hey @krisztianpuska, Good work on this.

I've played around with ideas like this myself.
Would you be open to having the css generated from sass so it can be included in a more modular format?

cssnext is deprecated

Build process for dist folder

Add easings

Add use cases

Add forms reset

Add radius helpers

Remove m-5/p-5

Flex gutter with active order is broken

Add opacity helpers

Custom media breakpoints cannot be overwritten