pbakaus

.steps {
  ...
  /* enable flex, wrap all items.
   * - align-items' and align-content's default are set to 'stretch',
   *   so li's automatically evenly distributed and stretched
   */
  display: flex;
  flex-wrap: wrap;
  ....
  /* alternative to built-in list style that we can style */

pbakaus

export PATH=/Users/pbakaus/Sites/depot_tools:$PATH
export PATH=/Users/pbakaus/goma:$PATH

export CHROMIUM_DIR=~/Sites/src
export BLINK_DIR=~/Sites/src/third_party/WebKit

fresh() {
	cd "$CHROMIUM_DIR" && git rebase-update
	cd "$BLINK_DIR" && git rebase-update
	gclient sync --jobs=16

pbakaus

.class{rule: prop;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinoff{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-moz-keyframes spinoff{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}#id{rule: prop;}@-webkit-keyframes spinoff{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}@-ms-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-ms-keyframes spinoff{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(-360deg)}}

pbakaus

function determineScrollingElement(callback) {
		
	var self = this;
	var div = $("<div style='height: 10000px;'></div>").appendTo(document.body);

	var interval = window.setInterval(function() {
		
		document.body.scrollTop = 50;
		document.documentElement.scrollTop = 100;