adamcbrewer

/*
 * There's a bug in Chrome/Safari using overflow:hidden with border-radius. This mask fixes it. 
 * Solution: http://stackoverflow.com/questions/5736503/how-to-make-css3-rounded-corners-hide-overflow-in-chrome-opera/10296258#10296258
 */
.masked {
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
    /* this fixes the overflow:hidden in Chrome */
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

adamcbrewer

//============================================================
// Typography
//============================================================

// An rem font-size mixin providing fallback to px
@mixin font-size($sizeValue: 1.4) {
    $remValue: $sizeValue;
    $pxValue: ($sizeValue * 10);
    font-size: #{$pxValue}px;
    font-size: #{$remValue}rem;

adamcbrewer

export const ACTION_KEY = 'ACTION_KEY';

// If a component has this method defined in `bindActionCrators`
// then this method can be called via `this.props.actionsFunction()`
// within the component.
export function actionFunction(value) {
  return {
    type: ACTION_KEY,
    payload: value
  };

adamcbrewer

/**
 * Converts a URL query string to a javascript object
 *
 * @author Adam Brewer - @adamcbrewer - adamcbrewer.com
 *
 *		Usage: "?test=true&something=false".queryToObj(?);
 *
 *		Output: {test: true, something: false}
 *
 */

adamcbrewer

/**
 * Using default click events in touch-supported devices
 * incurs a delay (in order to determine if the user is performing a gesture).
 * 
 * Detecting for touchstart events using the foloowing, we can replace the default 'clicks'
 * for touch events, making a snappier experience for mobile/touch devices.
 * Use wisely as this could prevent some gestures from happening. If there are scrolling
 * issues try swap out 'touchstart' for 'touchend' 
 * 
 */

adamcbrewer

/**
 * Will trim the whitespace around the SVG's viewbox
 * 
 */
var svg = document.getElementsByTagName("svg")[0];
var bbox = svg.getBBox();
var viewBox = [bbox.x, bbox.y, bbox.width, bbox.height].join(" ");
svg.setAttribute("viewBox", viewBox);

adamcbrewer

/**
 * Returns rotation in degrees when obtaining transform-styles using javascript
 * http://stackoverflow.com/questions/8270612/get-element-moz-transformrotate-value-in-jquery
 */
function getRotationDegrees(obj) {
    var matrix = obj.css("-webkit-transform") ||
    obj.css("-moz-transform")    ||
    obj.css("-ms-transform")     ||
    obj.css("-o-transform")      ||
    obj.css("transform");

adamcbrewer

{
  "version": 2,
  "clips": []
}

adamcbrewer

# This command will make sure the process persists
# even after you log out of a session
node server.js >/dev/null 2>&1 &

adamcbrewer

<?php
/**
 * Adding shortcodes to the post-editing section: functions.php
 * http://net.tutsplus.com/tutorials/wordpress/wordpress-shortcodes-the-right-way/
 *
 **/



/**