Skip to content

Instantly share code, notes, and snippets.


Adam Argyle argyleink

View GitHub Profile
View flexbox-grid.styl
// as seen here:
@import 'nib'
// variables
var-columns = 12
var-gutter-width = 1rem
// some styles that apply to all columns - makes final css nicer
View designer.html
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-item/paper-item.html">
<link rel="import" href="../paper-slider/paper-slider.html">
<link rel="import" href="../paper-toggle-button/paper-toggle-button.html">
View gzip.conf
# save to /etc/nginx/conf.d/gzip.conf
gzip on;
gzip_proxied any;
gzip_types text/plain text/xml text/css application/x-javascript;
gzip_vary on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
argyleink / notify.js
Created Mar 12, 2015
HTML5 Notifications module
View notify.js
app.notify = (function() {
// Determine the correct object to use
var notification = window.Notification || window.mozNotification || window.webkitNotification || false
, permission = false
, note;
function init() {
notification && notification.requestPermission(permissionSuccess);
argyleink / dabblet.css
Created Feb 10, 2012
Checkbox Hack for button with what could be a faux :selected
View dabblet.css
.transparent { opacity:0; }
.absolute { position:absolute; }
/* Toggled State */
label {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
border:1px solid #dcdcdc;
View settings.json
argyleink / dabblet.css
Created Feb 13, 2012
Pure CSS Tab System using :target
View dabblet.css
* Pure CSS Tab System using :target
body {
font-family: sans-serif;
.tabrow {
text-align: center;
argyleink / dabblet.css
Created Apr 4, 2012
Dot indicators inside of a circle,
View dabblet.css
* Dot indicators inside of a circle,
which rotate around the center of the parent circle
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
.circle {
View settings.json
View settings.json