mikestreety

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$basefont: 'Arimo',Arial,sans-serif;
$basefontsize: 12px;
$basegutter: 15px;
$min-width: 1100px;

mikestreety

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@mixin base($class) {
  [class*="#{$class}"] {
    @content;
  }
}

mikestreety

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@mixin background-opacity($theme) {

background-color: nth($theme, 1); //fallback
background-color: nth($theme, 2);

mikestreety

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>

mikestreety

// Define gulp before we start
var gulp = require('gulp');

// Define Sass and the autoprefixer
var sass = require('gulp-sass');
var prefix = require('gulp-autoprefixer');

// This is an object which defines paths for the styles.
// Can add paths for javascript or images for example
// The folder, files to look for and destination are all required for sass

mikestreety

.article {
	padding: 10px;
}

.article h1 {
	font-size: 24px;
	color: #0046ad;
	line-height: 1.4;
}

mikestreety

.article {
	padding: 10px;
	h1 {
		font-size: 24px;
		color: #0046ad;
		line-height: 1.4;
	}
	p {
		font-size: 14px;
		line-height: 1.4;

mikestreety

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>

mikestreety

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>

mikestreety

var gulp = require('gulp');
var plugins = require("gulp-load-plugins")({
	pattern: ['gulp-*', 'gulp.*'],
	replaceString: /\bgulp[\-.]/
});

var basePaths = {
	public: './public/',
	src: './src/assets/',
	bower: './bower_components/'