nchristus

body > .ember-view {
  display: flex;
  height: 100%;
  flex-direction: column;
}

body > .ember-view > .page {
  flex: 1 0 auto;
}

nchristus

// easing functions http://goo.gl/5HLl8
Math.easeInOutQuad = function (t, b, c, d) {
  t /= d/2;
  if (t < 1) {
    return c/2*t*t + b
  }
  t--;
  return -c/2 * (t*(t-2) - 1) + b;
};

nchristus

// ==========================================================================
// TYPOGRAPHY
//
// Global typography settings and styles
// base/_typography.scss
// ==========================================================================



// Font-size scale (Based on http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/)

nchristus

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

@-webkit-keyframes loading-opacity {
  1% { display: block; }
  25% { opacity: 1; }
  75% { opacity: 1; }
  99% { opacity: 0; }

nchristus

* {
  box-sizing: border-box;
}

html {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

/* Hide 'x' and 'eye' controls in IE10 */

nchristus

.ui-modal-list.ordered {
  list-style: none;
  counter-reset: ol-counter;

  > li {
    position: relative;
    padding-left: rem-calc(20);
    
    &:before {
      position: absolute;

nchristus

// ==========================================================================
// Password toggle
// ==========================================================================

// Example markup:
// <div class="pw-toggle">
//   <input type="password" class="text-input" id="pw-input" data-pw="pw-password">
// </div>

(function() {

nchristus

// Fonts
// ==========================================================================

// Sizing based on http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/

$font-size-giga:      em(72px);
$font-size-mega:      em(60px);
$font-size-kilo:      em(48px);
$font-size-alpha:     em(36px);
$font-size-beta:      em(24px);

nchristus

┌─────────────────────────────────┬───────────────────────────────────────────────┐
│ Stylesheets                     │ 1                                             │
├─────────────────────────────────┼───────────────────────────────────────────────┤
│ Size                            │ 255.7KB                                       │
├─────────────────────────────────┼───────────────────────────────────────────────┤
│ Rules                           │ 1646                                          │
├─────────────────────────────────┼───────────────────────────────────────────────┤
│ Selectors                       │ 2004                                          │
├─────────────────────────────────┼───────────────────────────────────────────────┤
│ Simplicity                      │ 82.14%                                        │

nchristus

@mixin at-least($device-width, $old-ie: "false") {
  @media screen and (min-width: $device-width) {
    @content;
  }
 
  @if $old-ie == "true" {
    .lt-ie9 & {
      @content;
    }
  }