This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
echo "Installing Dependencies" | |
xcode-select --install | |
echo "Installing Homebrew" | |
if test ! $(which brew); then | |
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" | |
fi | |
echo "Installing Homebrew Packages" | |
packages=( |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@function palette($palette, $tone: 'base') { | |
@return map-get(map-get($palettes, $palette), $tone); | |
} | |
// Project Color Map | |
// This is used to create font modifier classes to get around setting colors | |
// on specific elements or styles. | |
$palettes: ( | |
white: ( | |
base: #fff |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$iterator: 1; | |
$header-ratio: 4; | |
$max-heading: 7; | |
$max-font-size: 40px; | |
@while $iterator < $max-heading { | |
$font-size: ($max-font-size + $header-ratio) - $iterator * $header-ratio; | |
h#{$iterator}, .h#{$iterator} { | |
@include adjust-font-size-to($font-size); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
App.Constants.DESKTOP = 990, | |
App.Constants.TABLETLG = 980, | |
App.Constants.TABLETSM = 768, | |
App.Constants.MOBILE = 767; | |
App.Constants.MOBILEMQ = 'only screen and (max-width: ' + App.Constants.MOBILE + 'px)', | |
App.Constants.TABLETMQ = 'only screen and (max-width: ' + App.Constants.TABLETLG + 'px)', | |
App.Constants.DESKTOPMQ = 'only screen and (min-width: ' + App.Constants.DESKTOP + 'px) and (max-width: 1199px)'; | |
App.Constants.DESKTOPLGMQ = 'only screen and (min-width: 1200px)'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
App.Helpers.resizeThrottle = (function(throttle) { | |
throttle.init = function() { | |
var updateLayout = _.debounce(function(e) { | |
console.log('Throttled resize event. Broadcasting...'); | |
$.publish('resize'); | |
}, 500); | |
if (window.addEventListener) { | |
window.addEventListener("resize", updateLayout, false); | |
} | |
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
App.Features.sampleFeature = (function(sample) { | |
function Feature(element) { | |
this.$el = element; | |
}; | |
Feature.Constants = { | |
}; | |
_.extend(Feature.prototype, App.Class, { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Get Width Helper - This is re-run on every debouced resize event that will help setup our responsiveness | |
*/ | |
App.Helpers.getWidth = function() { | |
// Lets setup our widths | |
App.Helpers.innerWidth = !window.innerWidth ? document.documentElement.clientWidth : window.innerWidth; | |
// Queries based on screen width | |
App.Devices.desktop = App.Helpers.innerWidth > App.Constants.DESKTOP, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
App.Helpers.checkWidth = (function(conds) { | |
conds.init = function() { | |
$.subscribe('resize', function(){ | |
console.log('resize event fired'); | |
App.Helpers.getWidth(); | |
// if mobile width, mobile media query or mobile ua returns true, broadcast a resize:mobile event | |
if ( App.Devices.mobile || App.Devices.mobileMQ || App.Devices.mobileCheck ) $.publish('resize:mobile'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin transparent($color, $alpha) { | |
$rgba: rgba($color, $alpha); | |
$ie-hex-str: ie-hex-str($rgba); | |
background-color: transparent; | |
background-color: $rgba; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str}); | |
zoom: 1; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var Feature = (function(){ | |
var Feature = function(){ | |
this.init(); | |
}; | |
_.extend(Feature.prototype, { | |
init: function() { | |
console.log("Feature!"); | |
} |
NewerOlder