davidicus

// Form Validation

jQuery('document').ready(function() {
	
	
    /****************************
		phone number restriction
	*****************************/

	//restrict input to numeric values, ., and - for phone numbers

davidicus

var mq = window.matchMedia("(min-width: 480px)");
  
	if (mq.matches) {
		// window width is at least 480px
		$('.slideOne').attr('src', 'img/slideOne.jpg');
		$('.slideTwo').attr('src', 'img/slideTwo.jpg');
		$('.slideThree').attr('src', 'img/slideThree.jpg');
		$('.slideFour').attr('src', 'img/slideFour.jpg');
		$('.slideFive').attr('src', 'img/slideFive.jpg');
		$('.slideSix').attr('src', 'img/slideSix.jpg');

davidicus

.grid-1 {
  width: 6.5%;
}

.grid-2 {
  width: 15%;
}

.grid-3 {
  width: 23.5%;

davidicus

<div class="box  box___blue-grey">blue-grey</div>
<div class="box  box___grey">grey</div>
<div class="box  box___brown">brown</div>
<div class="box  box___deep-orange">deep-orange</div>
<div class="box  box___orange">orange</div>
<div class="box  box___amber">amber</div>
<div class="box  box___yellow">yellow</div>
<div class="box  box___lime">lime</div>
<div class="box  box___light-green">light-green</div>
<div class="box  box___green">green</div>

davidicus

// ----
// Sass (v3.4.1)
// Compass (v1.0.1)
// ----

@mixin display (
  $disp, 
  $padding: null, 
  $r-margin: null,
  $l-margin: null) {

davidicus

.btn {
  height: 18px;
  background: green;
  line-height: 12px;
}
a.btn {
  line-height: 18px;
}

davidicus

/// Grab the last part of a selector
///
/// @param {List} $selector
/// @returns String
@function x-tail($selector) {
  @return nth(nth($selector, -1), -1);
}

/// Double
/// @param {Number} $margin [null]

davidicus

.some-element {
  animation: 10s linear infinite;
  animation-name: uziq13y6g;
}
@keyframes uziq13y6g {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 114.2857% 0%;

davidicus

.some-element {
  animation: 10s linear infinite;
  animation-name: uevk2bess;
}
@keyframes uevk2bess {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 114.2857% 0%;

davidicus

@mixin long-shadow-text ($distance, $blur, $color) {
    $shadows: null;
    $color: darken($color, 10);
    $blur: $blur + px;
   @for$i from 0 through $distance {
        $dist: $i + px;
        $shadows: append($shadows, ($dist $dist $blur $color), comma);
    }   
    text-shadow: $shadows;
}