Skip to content

Instantly share code, notes, and snippets.

@yomete
yomete / SassMeister-input.scss
Created April 30, 2015 14:47
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----
$primaryColor: #feffff;
body {
$primaryColor: #ccc !global;
background: $primaryColor;
@yomete
yomete / SassMeister-input-HTML.html
Created April 30, 2015 14:55
Generated by SassMeister.com.
<button type="button">I look amazing</button>
@yomete
yomete / SassMeister-input.scss
Created April 30, 2015 14:59
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
.first-component {
.text { font-size: 1.4rem; }
.button { font-size: 1.7rem; }
@at-root .second-component {
.text { font-size: 1.2rem; }
@yomete
yomete / SassMeister-input.scss
Created April 30, 2015 15:08
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
@mixin media($queryString){
@media #{$queryString} {
@content;
}
}
@mixin for-phone-only {
@media (max-width: 599px) { @content; }
}
@mixin for-tablet-portrait-up {
@media (min-width: 600px) { @content; }
}
@mixin for-tablet-landscape-up {
@media (min-width: 900px) { @content; }
}
@mixin for-desktop-up {
!function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={exports:{},id:r,loaded:!1};return e[r].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var s=n(10),o=r(s),i=n(5),a=r(i);o.default.component("shaker",a.default)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(2);r(s);t.default={name:"shaker"}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){var r=e,s=t,o=n;return r*Math.pow(1+s,o)}},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,"","",{version:3,sources:[],names:[],mappings:"",file:"Shaker.vue",sourceRoot:"webpack://"}])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(
@yomete
yomete / fizzbuzz.js
Created March 31, 2017 22:01
FizzBuzz JavaScript solution
let num = 0
for (let counter = 0; counter < 100; counter++ ) {
num += 1
if ( num % 3 == 0 && num & 5 == 0) {
console.log ("FizzBuzz")
}
else if ( num % 3 == 0) {
console.log ("Fizz")
}
else if ( num % 5 == 0) {
@yomete
yomete / Home.vue
Created June 6, 2017 10:31
Home.vue
<template>
<div class="hello">
<div class="container">
<div class="row">
<h2 class="title">Realtime Chart with Vue and Pusher</h2>
<h3 class="subtitle">Expense and Income Tracker</h3>
<line-chart :chart-data="datacollection"></line-chart>
</div>
</div>
<div class="container">
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@yomete
yomete / index.html
Last active August 4, 2017 11:14
AMP HTML
<!doctype html>
<html ⚡="">
<head>
<meta charset="utf-8">
<title>The Photo Blog</title>
<link rel="canonical" href="http://localhost:1234">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<script async="" src="https://cdn.ampproject.org/v0.js"></script>
<style amp-boilerplate=>
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>