chriseppstein

.container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block;
}
.container {
  display: block;
}

chriseppstein

body.standard #footer,
body.standard #header,
body.standard #sidebar,
body.standard #content,
body.standard #ads {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

aaronrussell

require "rubygems"
require "base64"
require "haml"
require "chunky_png"

module Sass::Script::Functions
  
  def rgbapng(color)
    chunky_color = ChunkyPNG::Color.rgba(color.red, color.green, color.blue, (color.alpha * 100 * 2.55).round)
    image = ChunkyPNG::Image.new(1,1, chunky_color)

chriseppstein

module Sass::Script::Functions
  def user_color
    color_values = options[:custom][:user].color.
                     scan(/^#?(..?)(..?)(..?)$/).first.
                     map {|num| num.ljust(2, num).to_i(16)}
    Sass::Script::Color.new(color_values)
  end
end

chriseppstein

require 'fileutils'

def subsume_modules(*vendor_modules)
  options = vendor_modules.pop
  options[:modules] = vendor_modules + Array(options[:additional_modules])
  options[:module_names] = options[:modules].map{|m| m.capitalize.gsub(/_[a-z]/){|s| s[-1..-1].upcase}}
  vendor_modules.each do |vendor_module|
    copy_module vendor_module, options
    subsume_module vendor_module, options
  end

chriseppstein

1.0 TODO

Antares v0.11

The focus on this release is to get the compass stylesheet libraries and docs as close to final for 1.0 as possible.

1. Upgrade to Blueprint 1.0
2. DONE Upgrade stylesheets

chriseppstein

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

aaronrussell

require "rubygems"
require "chunky_png"
require "base64"

module Sass::Script::Functions
  
  def background_noise(c, noise = 0.5, opacity = 0.08, size = 200, mono = false)
    
    # Convert SASS numbers to Ruby classes
    noise   = noise.to_s.to_f   if noise.is_a? Sass::Script::Number

chriseppstein

• Mini state machines for page state with sass/jquery and html or body classes.
• double-layer color constants: layer one: color names ($olive-green), layer two: common uses of colors ($link-color).

chriseppstein

- content_for(:inner_content) do
  = render :partial => "inner_content"

- if some_condition
  %outertag1= yield :inner_content
- else
  %outertag2= yield :inner_content