nchristus

var HomeUI = {
  imageLoadCounter:1,
  delayTimer:null,
  animationTimer:null,
  timerCounter:0,
  currentAnimation:null,
  animating:false,
  popUpTimer:null,
  NUM_IMAGES_TO_LOAD:4,
  POP_UP_DELAY:3000,

nchristus

/ Named media queries
// ==========================================================================

$bp-small:  em(650px);
$bp-medium: em(1024px);
$bp-large:  em(1280px);

@mixin at-least($device-width, $old-ie: "false") {
  @media screen and (min-width: $device-width) {
    @content;

nchristus

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

nchristus

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

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

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

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

(function() {

nchristus

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

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

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

// ----
// 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

// ==========================================================================
// 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/)