darren131

require 'autoprefixer-rails'
require 'breakpoint'
require 'scut'
require 'sass-media_query_combiner'

http_path = "/"

sass_dir = "sass"
css_dir = "public/css"
http_stylesheets_path = "/css"

darren131

/**
 * Setup images sprite having high resolution variant for retina displays.
 *
 * It will create class names for all available icons.
 *
 * This uses custom function to prefix selectors from array. To get it working you will need to include following snippet in your config.rb
 *
 *     module Sass::Script::Functions
 *         def prefix_each(array, prefix)
 *             return Sass::Script::String.new array.to_a.map{|item| prefix.value + item.value}.join(", ")

darren131

INSTALLATION

1. Save script to e.g. /usr/local/bin/media-query-combiner
2. chmod +x /usr/local/bin/media-query-combiner

USAGE

Reads from stdin and writes to stdout.

darren131

# Require any additional compass plugins here.


# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "css"
images_dir = "images"
javascripts_dir = "js"

darren131

// Social Colors
// ====================================================================

$facebook_color:  #365397;
$twitter_color:  #00a9f1;
$linkedin_color:  #006db3;
$apple_color:  #737373;
$google_color:  #4285f4;
$google_plus_color:  #e0452c;
$youtube_color:  #ff3333;

darren131

File organisation

The file organisation is broken down into these main groupings.

• Global
  This contains site configuration variables and a _shame.scss file which contains any hacks.

• Elements

darren131

@mixin set-color($background-color: #c00) {
  @if lightness($background-color) > lightness(#aaaaaa) {
    color: $dark;
  } @else {
    color: $light;
  }
  background:$background-color;
}

darren131

# best path for assets in Wordpress project
http_path = "/wp-content/themes/TheFold/"
css_dir = "."
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
fonts_dir = "fonts"

output_style = :expanded
environment = :development

darren131

# get the name of your theme folder
WP_THEME_FOLDER = File.basename(File.dirname(__FILE__))

# best path for assets in Wordpress project
http_path = "/wp-content/themes/#{WP_THEME_FOLDER}/"
css_dir = "."
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
fonts_dir = "fonts"

darren131

// This is based on Nicole Sullivan's OOCSS spacing module 
// with a slight modification, namely:
//
// 1. there's no vertical or horizontal
//
// Produces the following placeholder selectors
//  %mtn {
//      margin-top: 0;
//  }
//  %mbn {