Skip to content

Instantly share code, notes, and snippets.

View Reverbe's full-sized avatar

Reverbe

2 followers · 4 following
View GitHub Profile
@Reverbe
Reverbe / app.html
Created January 6, 2017 14:57 — forked from arjanvanderleden/app.html
Aurelia Skeleton list list-item implementation
<template>
<require from="./list"></require>
<div>List</div>
<list></list>
</template>
@Reverbe
Reverbe / app.css
Last active June 21, 2017 15:14 — forked from gist-master/app.css
Grid: basic usage
.customer-photo {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-size: 32px 35px;
background-position: center center;
vertical-align: middle;
line-height: 32px;
box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
@Reverbe
Reverbe / app.css
Last active January 10, 2017 20:12
Grid: basic usage
.customer-photo {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-size: 32px 35px;
background-position: center center;
vertical-align: middle;
line-height: 32px;
box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
@Reverbe
Reverbe / app.css
Last active February 27, 2017 15:10 — forked from JeroenVinke/app.css
Grid: basic usage
.customer-photo {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-size: 32px 35px;
background-position: center center;
vertical-align: middle;
line-height: 32px;
box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
@Reverbe
Reverbe / app.html
Created January 12, 2017 22:51 — forked from jdanyow/app.html
Aurelia Validation Demo
<template>
<form submit.delegate="submit()">
<!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->
<div class="form-group">
<label class="control-label" for="first">First Name</label>
<input type="text" class="form-control" id="first" placeholder="First Name"
value.bind="firstName & validate">
</div>
@Reverbe
Reverbe / app.html
Last active April 2, 2017 19:36 — forked from jdanyow/app.html
Aurelia Validation Demo
<template>
<require from="./piece"></require>
<table>
<tr repeat.for="item of items">
<td as-element="piece"
repeat.for="itemm of item"
style="background: ${itemm.color}">
<span>
@Reverbe
Reverbe / app.html
Last active January 18, 2017 21:52
parent-child comm
<template>
<require from="./subpark"></require>
<require from="./frontpark"></require>
<frontpark class="wrap"></frontpark>
<subpark class="wrap"></subpark>
</template>
@Reverbe
Reverbe / app.css
Last active February 21, 2017 15:55
Grid: basic usage
body {
margin: 0;
}
.btn{
font-size: 30px;
padding: 20px;
margin-top: 20px;
}
@Reverbe
Reverbe / app.html
Last active February 21, 2017 19:00 — forked from jdanyow/app.html
http://stackoverflow.com/questions/35160800/aurelia-radio-button-binding/35162191
<template>
<label repeat.for="option of options">
<input type="radio" name="periodOptions" model.bind="option" checked.bind="$parent.selectedOption" click.delegate="clicked()"/>
${option.text}
</label>
<p><pre><code>${selectedOption | stringify}</code></pre></p>
</template>
@Reverbe
Reverbe / app.css
Last active February 22, 2017 12:52
Grid: basic usage
body {
margin: 0;
}
.btn{
font-size: 30px;
padding: 20px;
margin-top: 20px;
}