maddesigns

.fake_file_input {
  background: url(../images/fake_file_input.png) no-repeat;
  cursor: pointer;
  width: 150px;
  height: 30px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;

maddesigns

// Allows programmatic altering of CSS rules. Turn this class into a flyweight by enabling modification of the underlying rule property.
function CssRule (selector, stylesheet) {
    var rules = stylesheet.rules,
        len = rules.length,
        i = 0,
        rule = null;

    for (i; i < len; i++) {
        rule = rules[i];
        if (rule.selectorText === selector) {

maddesigns

/**
 * Plugin function to insert spans into text:
 * usage 
 * $(document).ready(function() {
 * $('p.charcount').charSpanCount(); });
 *  or $(document).ready(function() {
 * $('p.charcount').charSpanCount({'charcount' : 15});
 *  });
 */
(function($) {

maddesigns

compiletype = environment
project_path = File.dirname(__FILE__) + "/"
utils_dir = "utilities/"
utils_path =  project_path + utils_dir

# callback - on_sprite_saved
# http://compass-style.org/help/tutorials/configuration-reference/
on_sprite_saved do |filename|  
	if File.exists?(filename)
		if (compiletype == :production)

maddesigns

# General
output_style = :expanded
relative_assets = true
line_comments = false

project_path = File.dirname(__FILE__) + "/"
utils_dir = project_path + "utils/"

# Sass Paths
http_path = "/"

maddesigns

env = (function() {
  var flags = {}, ua = navigator.userAgent, el = document.createElement('div'), video = document.createElement('video'), audio = document.createElement('audio'), root = document.documentElement, i
  function flag(names) {
    names = names.split(' ')
    for (i = 0; i < names.length; i++)
      flags[names[i]] = true
  }
  function classnames() {
    var names = [], name
    for(name in flags) if (flags.hasOwnProperty(name))

maddesigns

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

// Transform a value into rem
// Assuming baseline is set to 10px on :root/html
@function rem($value, $baseline: 10px) {
    @if type-of($value) == list {
        $result: ();

maddesigns

#page
  #foo.container
    .subcontainer
      .column Foo
      .column Foo
      .column Foo
      .column Foo
    .subcontainer
      .column Bar
      .column Bar

maddesigns

%div

maddesigns

<h1>Heading 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed id deserunt fugiat veniam laboriosam perspiciatis perferendis dolores consequatur numquam dicta veritatis maxime nobis eligendi harum illum inventore voluptatibus eaque sunt!</p>
<p>Ea minima nesciunt eaque quaerat laudantium sed accusamus. Tenetur laborum sapiente enim dolor modi ullam pariatur hic quidem saepe at facere nobis. Itaque obcaecati quod cum at minus adipisci ut.</p>
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit vitae alias tempore autem reprehenderit amet impedit quia fugiat. Cupiditate ipsam sed quaerat assumenda fugit nihil architecto tenetur quia! Nobis vitae.</p>
<p>Sit animi beatae nemo porro iusto et tempore incidunt autem officiis debitis distinctio atque veniam voluptas maxime illo dolores aut minima ratione culpa nam at sapiente dignissimos omnis quae molestias.</p>