Skip to content

Instantly share code, notes, and snippets.

View TexRx's full-sized avatar
🏠
Working from home

Bobbie Tables TexRx

🏠
Working from home
  • Austin, TX
View GitHub Profile
(function($) {
/* by Elijah Manor with collaboration from Doug Neiner
* Filter results by html5 data attributes either at
* design or at runtime
*
* Usages:
* $( "p" ).filterByData( "mytype" );
* $( "p" ).filterByData( "mytype, "mydata" );
*/
/*
* by Dan Heberden / 2011
* demo at http://jsfiddle.net/danheberden/VjKMY/
* made just for Elijah Manor
* e.g.
* $( 'div' ).findData( 'theDataKey', 'theValue' );
*
* will search in the divs and their children
*/
(function( $ ){
@TexRx
TexRx / style.scss
Created October 30, 2013 05:27 — forked from saucer-jp/style.scss
/*! ********************
animation, keyframes mixin 2012/09/11
******************** */
// NOTE: 個別プロパティの指定には対応していないです
@mixin animation( $value... ) {
-webkit-animation:$value;
-moz-animation:$value;
-o-animation:$value;
-ms-animation:$value;
module.exports = function(grunt) {
var path = require("path");
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
forever: {
options: {
index: path.join(__dirname,"server.js")
// Sass v3.2.5
@mixin bg-color($bgcolor, $darken) {
background: $bgcolor;
&:hover {
background: darken($bgcolor, $darken);
}
}
.button {
$(document).ready(function() {
// Make tabs work
$('.tabs-wrapper .tab-option').hide();
$('.tabs-wrapper .tab-option:first').show();
$('.tabs-wrapper li:first').addClass('active');
$('.tabs-wrapper .tabs li a').click(function(){
$(this).parent().siblings().removeClass('active');
= ir($image)
display: block
background: url(../img/#{$image})
height: image-height($image)
width: image-width($image)
border: 0
font: 0/0 a
text-shadow: none
color: transparent
background-color: transparent
// Sass v3.2.7
// Susy v1.0.5
@import "susy";
@mixin respond-to($primary) {
@if $primary == small {
@media screen and (min-width: 500px) {
$total-columns: 12;
@content;
$small = 400px;
$medium = 800px;
$upto-medium = $medium, max-width;
@mixin respond-to($primary, $secondary:min-width) {
@if $secondary == max-width {
@media screen and (max-width: $primary - 1) { @content; }
}
@else if $secondary == min-width {
@media screen and (min-width: $primary) { @content; }
%icon-font:before {
font-family: "fontcustom";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
display: inline-block;
}
.icon-calendar:before { content: "\f100"; }
.icon-comment:before { content: "\f101"; }