hergaiety

/**
 * Google Material Design style card depth
 * Can receive an int between -5 and 5 (negatives use inset shadows) ex: @include depth(5); @include depth(-3)
 */
@mixin depth($layer) {
  @if $layer > 0 {
    $inset: 0;
    $offset: null;
  } @else {
    $inset: inset;

hergaiety

/**
 * Ensures the data-* is updated visually when the data is updated by jQuery
 * Example: $('.foo').data('bar', 'value').trigger('changeData');
 */
$(document).on('changeData', '.foo', function(e) {
  $(this).attr('data-bar', $(this).data('bar'));
});

hergaiety

// Any new html added via ajax can be triggered, or binded to
$(document).ajaxComplete(function() {
  setTimeout(function(){
    // Magic, example: $('[data-tooltip]').tooltip();
  }, 0);
});

hergaiety

$('video:not(:visible)').each(function() {
  $(this).get(0).pause();
});

hergaiety

// Thanks to @intuitivepixel for the original code to inspire this
/**
 * EMBER APPLICATION DEFINITION
 */
window.App = Ember.Application.create();

/**
 * INITIALIZE FOUNDATION
 */
$(document).foundation();

hergaiety

.tabs-content > .content {
    @extend .animated;

    &.active {
        @extend .fadeIn;
    }
}

hergaiety

/**
 * Extend {{input}} to support html5 range.
 *  Example: {{input type="range" value=myProperty max="500"}}
 *  Uses rangeslider.js plugin for IE9 support and to look pretty
 *  Fires optional onInit, onSlide, and onSlideEnd events
 */
Ember.TextSupport.reopen({
    attributeBindings: ['min', 'max', 'step'],
    initRangeSlider: function() {
        if (this.get('type') === 'range') {

hergaiety

// Don't forget to turn off close_on_esc in your foundation initialization
// $(document).foundation({ reveal: { close_on_esc: false } });

$(document).on('keydown.reveal.custom', dom('reveal'), function(event) {
    var isFullscreen = (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement);
    if (event.keyCode === 27 && !isFullscreen) $(document).foundation('reveal', 'close');
});

hergaiety

a.upload {
    display: inline-block;
    position: relative;

    input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

hergaiety

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  myBool: false,
  
  actions: {
    toggleBool: function() {
      this.set('myBool', !this.get('myBool'));
    }