Skip to content

Instantly share code, notes, and snippets.

View deap82's full-sized avatar

Dan Pettersson deap82

4 followers · 6 following
View GitHub Profile
@deap82
deap82 / input.scss
Created November 10, 2021 13:49
Generated by SassMeister.com.
$clHard: #26418f;
$grayDarker: #4a4a4a;
$clSuperSoft: #f0f3fc;
.vk-readspeaker {
position: absolute;
min-width: 400px;
z-index: 10000;
left: 13px;
top: 9px;
@deap82
deap82 / app.html
Last active June 16, 2018 05:04
Aurelia Gist - child router issue
<template>
<ul id="menu">
<li><a href="#/Welcome">Welcome</a></li>
<li><a href="#/Products">Products</a></li>
<li><a href="#/Contact">Contact</a></li>
</ul>
<div id="content">
<router-view></router-view>
</div>
@deap82
deap82 / app.html
Last active March 29, 2018 17:09
Aurelia Gist - life cycle log
<template>
<ul id="menu">
<li><a href="#/Welcome">Welcome</a></li>
<li><a href="#/Products">Products</a></li>
<li><a href="#/Contact">Contact</a></li>
</ul>
<div id="content">
<router-view></router-view>
</div>
@deap82
deap82 / app.html
Last active March 2, 2018 13:27 — forked from djedi/app.html
collection observer vs observable, splice, replace combo solution - binding input in another repeater
<template>
<button click.delegate="addData()">Add Data</button>
<button click.delegate="popData()">Pop Data</button>
<button click.delegate="spliceData()">Splice Data</button>
<button click.delegate="replaceData()">Replace Data</button>
<hr>
Data:
<table>
<tr repeat.for="val of data">
@deap82
deap82 / app.html
Last active January 31, 2018 15:07
Aurelia Gist - slot inside inner custom element
<template>
<!-- ==================================================== -->
<require from="./custom-outer"></require>
<section>
<h2>Using custom element</h2>
<custom-outer items.bind="items">
<template replace-part="item-template">${item.value}</template>
</custom-outer>
</section>
@deap82
deap82 / app.html
Last active December 10, 2017 16:41
Aurelia Gist - life cycle log
<template>
<ul id="menu">
<li><a href="#/Welcome">Welcome</a></li>
<li><a href="#/Products">Products</a></li>
<li><a href="#/Contact">Contact</a></li>
</ul>
<div id="content">
<router-view></router-view>
</div>
@deap82
deap82 / app.html
Created November 26, 2017 11:03
Aurelia Gist - boilerplate with routing (and visible log)
<template>
<ul id="menu">
<li><a href="#/Welcome">Welcome</a></li>
<li><a href="#/Products">Products</a></li>
<li><a href="#/Contact">Contact</a></li>
</ul>
<div id="content">
<router-view></router-view>
</div>
@deap82
deap82 / app.html
Last active January 15, 2018 08:04
Aurelia Gist - router:navigation:complete issue
<template>
<ul id="menu">
<li><a href="#/Welcome">Welcome</a></li>
<li><a href="#/Products">Products</a></li>
<li><a href="#/Contact">Contact</a></li>
</ul>
<div id="content">
<router-view></router-view>
</div>
@deap82
deap82 / app.html
Last active November 16, 2017 09:29
Aurelia Gist - boilerplate with routing (and visible log)
<template>
<ul id="menu">
<li><a href="#/Welcome">Welcome</a></li>
<li><a href="#/Products">Products</a></li>
<li><a href="#/Contact">Contact</a></li>
</ul>
<div id="content">
<router-view></router-view>
</div>
@deap82
deap82 / SassMeister-input-HTML.html
Last active October 16, 2017 15:28
Bem/Scss exeperiment
<div class="container">
<div class="block1">
<div class="block1__inner">
</div>
</div>
<div class="block1 block1--bordered">
<div class="block1__inner">
</div>
</div>
<div class="block1">