Skip to content

Instantly share code, notes, and snippets.

View alanmoo's full-sized avatar

Alan Mooiman alanmoo

View GitHub Profile
@alanmoo
alanmoo / focusActiveDirective.js
Last active December 20, 2015 06:59
When repeating radio inputs, use this AngularJS directive to make the browser focus on the active input.
angular.module('myApp', [])
.directive('focusActive', function(){
return {
restrict: "A",
link: function(scope, element, attrs) {
attrs.$observe('checked', function(){
if (element[0].checked){
element.focus();
}
})
@alanmoo
alanmoo / SassMeister-input.scss
Created January 28, 2014 17:18
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@mixin et-gray-dient{
background: #a8a7a5;
background: linear-gradient(to bottom, #a8a7a5 0%,#8f8e8c 100%);
}
@alanmoo
alanmoo / SassMeister-input.scss
Created January 28, 2014 20:17
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
$etfgreen: #99CC00;
$etfpurple: #6633CC;
h1{
color: $etfgreen;
@alanmoo
alanmoo / SassMeister-input.scss
Created January 28, 2014 20:19
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
.btn{
background: #333;
a{
color: white;
}
@alanmoo
alanmoo / SassMeister-input.scss
Created January 28, 2014 20:20
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
$icons: (
search: "\f001",
envelope: "\f002",
checkmark: "\f003",
cancelx: "\f004",
@alanmoo
alanmoo / SassMeister-input.scss
Created January 28, 2014 20:45
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
.btn{
background: #333;
padding: 5px 10px;
a{
color: white;
@alanmoo
alanmoo / SassMeister-input.scss
Created January 28, 2014 20:47
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
$base: #99cc00;
$lighter-base: lighten($base, 10%);
.foo{
color: $base;
@alanmoo
alanmoo / SassMeister-input.scss
Created January 28, 2014 21:00
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
h1{
font-size: 2rem;
@media (max-width: 600px){
font-size: 3rem;
}
@alanmoo
alanmoo / SassMeister-input.scss
Created February 17, 2014 02:20
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.4)
// Compass (v1.0.0.alpha.18)
// Singularity.gs (v1.2.0.rc.6)
// ----
@import "singularitygs";
$grids: 20;
$gutters: 1/3;
@alanmoo
alanmoo / SassMeister-input.scss
Created November 7, 2014 01:56
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
.block-selector {
display: inline-block;
.nested-selector {
padding-top: 10px;
display: none;