danny-englander

// adapted from: http://snippets.webaware.com.au/snippets/make-css-drop-down-menus-work-on-touch-devices/
// forked from https://gist.github.com/3351233

(function ($) {

//add new drupal 7 code
  Drupal.behaviors.touchdevice_dropdowns = {
    attach:function (context, settings) {
//end drupal calls

danny-englander

<div class="foo">
<p>Lorum Ipsum</p>
</div>

danny-englander

module.exports = function (grunt) {
  grunt.loadNpmTasks('grunt-cssbeautifier');
  grunt.loadNpmTasks('grunt-strip-css-comments');
  grunt.initConfig({
    pkg: grunt.file.readJSON("package.json"),

    // Define paths.
    paths: {
      sass: 'source/sass',
      devCSS: 'css',

danny-englander

var timer = require("grunt-timer");
module.exports = function (grunt) {
  timer.init(grunt);
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    watch: {
      sass: {
        files: ['sass/**/*.{scss,sass}', 'sass/_base/**/*.{scss,sass}'],
        tasks: ['sass:render']
      }, //sass

danny-englander

// ----
// libsass (v3.0.2)
// ----

// Sass

// Colors
$sea_green: #16a085;
$pomegranate: #c0392b;
$orange: #e04604;

danny-englander

<div class="l-main-wrap" role="main">

<h1>Theme Color Palettes</h1>

<article>
<p>A demo of the Sass @each directive loop for theme color palettes using Susy grids.</p>

<ul class="theme-colors">
<li class="cp-turquoise"><span>Turquoise</span></li>
<li class="cp-purple"><span>Purple</span></li>

danny-englander

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$white: #fff;
$medium_gray: #999;
$sea_green: #16a085;
$pomegranate: #c0392b;
$orange: #e04604;

danny-englander

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


@mixin image-2x($image, $width, $height) {
  @media (min--moz-device-pixel-ratio: 1.3),
         (-o-min-device-pixel-ratio: 2.6/2),
         (-webkit-min-device-pixel-ratio: 1.3),

danny-englander

<div class="page">
    <header>
      <h1>Hello I'm The Header</h1>
    </header>
    <div class="hero">
      <div class="one">
        <h2>I'm by myself</h2>
      </div>
      <div class="two">
        <div><h3>I'm 1</h3></div>

danny-englander

<div class="page">
    <header>
      <h1>Hello I'm The Header</h1>
    </header>
    <div class="hero">
      <div class="one">
        <h2>I'm by myself</h2>
      </div>
      <div class="two">
        <div><h3>I'm 1</h3></div>