davidpett

davidpett

import Test from '../models/test';

var testRoute = Ember.Route.extend({
  model: function(params) {
    return Test.create({title: 'foo'});
  }
});

export default testRoute;

davidpett

@mixin over($mobile-touch-class:false) {
  html.no-touch & {
    &:hover,
    &:focus {
      @content;
    }
  }
  html.touch & {
    @if $mobile-touch-class {
      &.#{$mobile-touch-class} {

davidpett

%headerPrimary {
  font-size: 48px;
  font-weight: 200;
  line-height: 1;
  margin-bottom: 0.25em;
  @include responsive('lap') {
    font-size: 60px;
  }
  @include responsive('desk') {
    font-size: 70px;

davidpett

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

@mixin responsive($bp) {
  @if $bp == 'small' {
    @media only screen and (min-width: 24em) {
      @content;
    }

davidpett

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

@mixin e($name) {
  @at-root &__#{$name} {
    @content;
  }
}

davidpett

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

.block {
  color: red;
  &__element {
    color: green;
    &--modifier {

davidpett

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

.block {
  color: red;
  &__element {
    color: green;
    &--modifier {

davidpett

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

@import "compass/css3";

.something {
  @include transform(translate3d(-50%));
}

davidpett

// ----
// Sass (v3.4.0.rc.3)
// Compass (v1.0.0.rc.1)
// ----

.btn {
  background: #ff0000;
  
  &--small {
    font-size: 1em;