- Save script to e.g.
/usr/local/bin/media-query-combiner
chmod +x /usr/local/bin/media-query-combiner
Reads from stdin
and writes to stdout
.
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" |
/** | |
* 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(", ") |
# 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" |
@mixin set-color($background-color: #c00) { | |
@if lightness($background-color) > lightness(#aaaaaa) { | |
color: $dark; | |
} @else { | |
color: $light; | |
} | |
background:$background-color; | |
} |
# 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 |
# 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" |
// 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 { |