Skip to content

Instantly share code, notes, and snippets.

View bubbleheadinc's full-sized avatar
🤓

SV bubbleheadinc

🤓
  • DevMethods
View GitHub Profile
@bubbleheadinc
bubbleheadinc / SassMeister-input.scss
Created June 22, 2015 17:30
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$ns: 'cm-';
$max-site-width: 80rem;
$gt-mobile-port: 25em;
$gt-mobile: 40em;
$gt-tablet-port: 50em;
@bubbleheadinc
bubbleheadinc / SassMeister-input.scss
Created May 29, 2015 15:38
Generated by SassMeister.com.
// ----
// Sass (v3.4.0.rc.1)
// Compass (v1.0.0.alpha.20)
// ----
$themes: (
"theme-1": (
"color": red
),
"theme-2": (
@bubbleheadinc
bubbleheadinc / gist:98ce4be3b4689890052a
Created May 26, 2015 20:04
sassdoc example
/// Mixin for dimensions
@mixin x-dims($width, $height: $width) {
width: $width;
height: $height;
}
@bubbleheadinc
bubbleheadinc / SassMeister-input-HTML.html
Created April 24, 2015 20:28
Generated by SassMeister.com.
<div class="gallery">one</div>
<div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div><div class="gallery">one</div>
@bubbleheadinc
bubbleheadinc / gist:a05ad99c2e2a102e7adc
Created February 26, 2015 16:29
Angular - click child, set class on ng-repeat parent
// Angular ng-repeat and setting class on item from item's child
// Clicking child sends it's parents index to the controller
// Controller toggles the toggleState boolean and the index lets us
// only add classes to the parent of the clicked child
// in controller
$scope.toggleParentClass = function($index){
$scope.parentIndex = $index;
$scope.toggleState = !$scope.toggleState;
};
@bubbleheadinc
bubbleheadinc / gist:87a3cfd7104c635f0a6e
Created August 15, 2014 15:26
ionic gulpfile
var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var concat = require('gulp-concat');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var rename = require('gulp-rename');
var sh = require('shelljs');
var paths = {
@bubbleheadinc
bubbleheadinc / SassMeister-input-HTML.html
Created April 6, 2014 12:42
Generated by SassMeister.com.
<div class="circle">
<div class="circle__not-likely">
<div class="circle__sw-likely">
<div class="circle__v-likely">
$
</div>
</div>
</div>
</div>
<div>
@bubbleheadinc
bubbleheadinc / index.html
Last active January 3, 2016 14:19 — forked from benschwarz/index.html
Expanded use of aria roles; included changed main <section> to <main> element; Expanded markup with different scenarios to include article, aside and structures within
<!doctype html>
<html>
<body>
<header role="banner">
<a href="/" rel="home">My company</a>
<nav role="navigation">
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
<form role="form">
@bubbleheadinc
bubbleheadinc / rem-px-fallback mixin
Created January 9, 2014 20:34
SCSS mixin for element sizing in rem's with px fallback
// Adapted from: https://gist.github.com/webgefrickel/4530526
// Added if input value is rem output and provide px fallback
/*
* a small mixin for easy use of rem with px as fallback
* usage: @include x-rem(font-size, 14px)
* usage: @include x-rem(marign, 0 12px 2 1.2)
* usage: @include x-rem(padding, 1.5 24px)
*
* thanks to Eric Meyer for https://github.com/ericam/susy
@bubbleheadinc
bubbleheadinc / SassMeister-input.scss
Created January 9, 2014 16:58
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Susy (v2.0.0.beta.2)
// ----
@import "susy";
$gt-tablet-port: 50em;