| #taskboard-table-body, #taskboard-table-header { margin: 0 auto; } | |
| .taskboard-cell { width: 196px !important } | |
| tbody .taskboard-cell:nth-child(4) { background-color: #baeff5; } | |
| tbody .taskboard-cell:nth-child(5) { background-color: #baf5ba; } | |
| tbody .tbTile { | |
| border-left-width: 1px; border-color: #bbb !important; |
| class Lazy<T> { | |
| private Func<T> GetValue; | |
| private bool HaveValue = false; | |
| private T CachedValue; | |
| public T Value { | |
| get { | |
| if (!HaveValue) CachedValue = GetValue(); | |
| return CachedValue; |
| .taskboard-wrapper { | |
| max-width: 1300px; | |
| margin: 0 auto; | |
| } | |
| .taskboard-parent { | |
| width: 290px; | |
| } | |
| .tbTile { |
Component contracts define the shape of the markup for a component. Designers and developers can both work off of the contract, and tools can validate that both the CSS and HTML matches the contract.
Uses Block, Element, Modifier conventions.
These symbols may appear after a list of modifiers or an element in the contract. The default is to require exactly one of the declared element.
| timestamp = 1479761560 | |
| timestamplong = 1479761560909 | |
| millisecond = 909 | |
| dayseconds = 53560 | |
| time = 2:52pm |
| timestamp = 1479761724 | |
| timestamplong = 1479761724389 | |
| millisecond = 389 | |
| dayseconds = 53724 | |
| time = 2:55pm |
| #!/bin/bash | |
| # | |
| # Example: | |
| # > just publish | |
| # Finds and executes scripts/publish or script/publish | |
| # TODO Find and execute grunt/gulp tasks | |
| CMD='' | |
| if [ -x ./scripts/$1 ]; then |
| Blogs | |
| http://www.smashingmagazine.com | |
| http://alistapart.com | |
| http://uxmovement.com | |
| https://uxmag.com | |
| http://www.lukew.com/ff/ | |
| https://css-tricks.com | |
| Schools |
| // http://stackoverflow.com/questions/6654958/make-body-have-100-of-the-browser-height | |
| html { height: 100%; } | |
| body { min-height: 100%; } | |
| // http://www.paulirish.com/2012/box-sizing-border-box-ftw/ | |
| html { box-sizing: border-box; } | |
| *, *:before, *:after { box-sizing: inherit; } | |
| // http://alistapart.com/article/axiomatic-css-and-lobotomized-owls | |
| * { margin: 0; padding: 0; } |
| // | |
| // Bootstrap Grid Child Columns | |
| // See: http://nateroling.com/2014/11/25/aligning-nested-grids/ | |
| // -------------------------------------------------- | |
| .make-xs-child-column(@columns; @parent-columns; @gutter: @grid-gutter-width) { | |
| .make-sm-column(@columns, @gutter); | |
| width: percentage((@columns / @parent-columns)); | |
| } | |
| .make-xs-child-column-offset(@columns; @parent-columns) { |