goodtwin / donut Goto Github PK

That is, .btn, .btn.content, probably.

<a class="btn">
<span class="btn content">BUTTON</span>
</a>

The current one element system doesnt allow for vertical centering when icons and text are different sizes.
.btn needs height and line-height properties
.btn.content needs vertical-align:middle and line-height:1

accordion, modal, etc have incorrect asset locations for the JS file in script tags.

right now grid uses hard coded max-width. Change to "lap", "palm" etc. via media-query mixin.

add ideal grid support via semantic variation on grid.

which means changing to mobile-first, also.

buttons are a good example of this

Describe each folder via readme, and within docs. Collections are have underlying and known child items of unknown quantity (e.g. cardgroup, grid, table). Containers have a disparate set of elements to pull from and also unknown quantity (e.g. menu, sidebar, actionbar, any bar really). Elements have, at its most complex, known underlying elements and quantity.

Right now there is completely embedded style within the 'src' of donut, beyond what would be considered minimally prototype-able. Much of the overriding color choices and any sort of restrictive gradients, shadows, etc that would require overriding should be moved out of and decoupled from style.

no template exists in semantic, strangely.