Skip to content

Instantly share code, notes, and snippets.

View blivesta's full-sized avatar

Yasuyuki Enomoto blivesta

View GitHub Profile
@blivesta
blivesta / chaffle.js
Last active August 5, 2016 18:12
chaffle.js
var elements = document.querySelectorAll('[data-chaffle]');
Array.prototype.forEach.call(elements, function (el) {
var chaffle = new Chaffle(el, { /* options */ });
chaffle.init();
});
@blivesta
blivesta / index.css
Last active June 6, 2016 10:16
PostCss Make Grid
@import "./sircus-tools-sizes-mixins";
@mixin sircusToolsSize 12, height, vh;
@mixin sircusToolsSize 12, width, %;
@media (--g-viewport-sm) {
@mixin sircusToolsSize 12, width, %, sm-;
}
@media (--g-viewport-md) {
@mixin sircusToolsSize 12, width, %, md-;
<html>
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<script src="../src/seek-selector.js"></script>
@blivesta
blivesta / tools-shadow.css
Created November 16, 2015 15:49
tools-shadow.css
.t-paperShadow1,
.t-paperShadow2,
.t-paperShadow3,
.t-paperShadow4,
.t-paperShadow5 {
border-radius:1px; // fallback iphpne6+
}
.t-paperShadow1 {
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
@blivesta
blivesta / .cssnextrc
Created July 25, 2015 15:47
.cssnextrc
{
"browsers": ["last 2 versions"],
"features": {
"customProperties": {
"preserve": true
},
"calc": true,
"customMedia": true,
"mediaQueriesRange": true,
"customSelectors": true,
@blivesta
blivesta / carbon-ads.css
Created March 21, 2015 17:58
carbon-ads.css
/* carbon */
.docs-Carbon {
position:fixed;
right:0;
bottom:0;
box-sizing:border-box;
float: right;
background-color: rgba(0,0,0,.05);
padding: 1.5rem;
width: 16rem;
@blivesta
blivesta / syntax-monokai.css
Created March 21, 2015 17:56
syntax-monokai.css
.highlight {
padding: 9px 14px;
margin-bottom: 14px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 4px;
}
.highlight pre {
padding: 0;
margin-top: 0;
@blivesta
blivesta / debug.css
Created December 23, 2014 13:16
debug.css
body { outline: 1px solid #2980B9!important; }
article { outline: 1px solid #3498DB!important; }
nav { outline: 1px solid #0088C3!important; }
aside { outline: 1px solid #33A0CE!important; }
section { outline: 1px solid #66B8DA!important; }
header { outline: 1px solid #99CFE7!important; }
footer { outline: 1px solid #CCE7F3!important; }
h1 { outline: 1px solid #162544!important; }
h2 { outline: 1px solid #314E6E!important; }
h3 { outline: 1px solid #3E5E85!important; }
@blivesta
blivesta / syntax.css
Last active August 29, 2015 14:11
syntax.css
.highlight {
padding: 9px 14px;
margin-bottom: 14px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 4px;
}
.highlight pre {
padding: 0;
margin-top: 0;
@blivesta
blivesta / gulpfile.js
Created October 24, 2014 20:15
Gulp jekyll,less,sass,js,bower,deploy
'use strict';
//
var project = {
name:'mom',
url:'http://example.com',
};
var repo = {
url : 'git@github.com:blivesta/mom.git'
};
var less = false; // less or sass = false