View dynamic-variable.css
:root {
--gutter: 10px;
}
@media (min-width: 600px) {
:root {
--gutter: 20px;
}
}
View basic-variable.css
:root {
--brand-color: #ff6600;
}
.header {
color: var(--brand-color);
}
View enforceScrollingApp.vue
<template>
<div id="app" @touchmove.prevent>
<header-bar></header-bar>
<main @touchmove="enforceScroll">
<router-view></router-view>
</main>
<footer-bar></footer-bar>
</div>
</template>
View .eslintrc.js
module.exports = {
root: true,
parser: 'babel-eslint',
parserOptions: {
sourceType: 'module'
},
extends: 'airbnb-base',
// required to lint *.vue files
plugins: [
'html'
View keybase.md

Keybase proof

I hereby claim:

  • I am guidobouman on github.
  • I am guidobouman (https://keybase.io/guidobouman) on keybase.
  • I have a public key whose fingerprint is 2884 4101 A3FA 217E 405D 03AA 28A9 9418 4FAC D659

To claim this, I am signing this object:

View directive-fluid-textarea.js
// Use like: <textarea fluid-textarea rows="1"></textarea>
angular.module('q42.fluidTextarea', [])
.directive('fluidTextarea', function($timeout) {
return {
restrict: 'A',
link: function(scope, element, attrs) {
element.css({
resize: 'none'
View dabblet.css
/**
* Centered dynamic text.
*/
@import url(http://fonts.googleapis.com/css?family=Lato:100);
html {
height: 100%;
}
View checkerboard.css.sass
// Chekkerboard css
#overview
max-width : 1000px
.item
width : 50%
background : white