brandy 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in brandy.gemspec
+gemspec

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/helpers/brandy_helper.rb

@@ -0,0 +1,42 @@
+module BrandyHelper
+
+  def button_tag_with_icon(text, options = {})
+    css_classes = [ 'button', options.delete(:class) ]
+    css_classes << "#{options.delete(:color)}-gradiant" if options[:color]
+    css_classes << "icon-#{options.delete(:icon).to_s.dasherize}" if options[:icon]
+
+    button_tag text, options.merge( :class => css_classes.flatten.join(' ') )
+  end
+
+  def link_to_button(text, url, options = {})
+    css_classes = [ 'button', options.delete(:class) ]
+    css_classes << "#{options.delete(:color)}-gradiant" if options[:color]
+    css_classes << 'button-compact'                     if options.delete(:compact)
+
+    link_to_with_icon text, url, options.merge( :class => css_classes.flatten.join(' ') )
+  end
+
+  def link_to_with_icon(text, url, options = {})
+    css_classes = [ options.delete(:class) ]
+    css_classes << "icon-#{options.delete(:icon).to_s.dasherize}" if options[:icon]
+
+    link_to text, url, options.merge( :class => css_classes.flatten.join(' ') )
+  end
+
+  def mail_to_button(email, text, options = {})
+    css_classes = [ 'button', options.delete(:class) ]
+    css_classes << "#{options.delete(:color)}-gradiant" if options[:color]
+    css_classes << 'button-compact'                     if options.delete(:compact)
+
+    mail_to_with_icon text, email, options.merge( :class => css_classes.flatten.join(' ') )
+  end
+
+  def mail_to_with_icon(email, text, options = {})
+    css_classes = [ options.delete(:class) ]
+    css_classes << "icon-#{options.delete(:icon).to_s.dasherize}" if options[:icon]
+
+    mail_to email, text, options.merge( :class => css_classes.flatten.join(' ') )
+  end
+
+
+end

data/brandy.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "brandy/version"
+
+Gem::Specification.new do |s|
+  s.name        = "brandy"
+  s.version     = Brandy::VERSION
+  s.authors     = ["Michael Deering"]
+  s.email       = ["mdeering@mdeering.com"]
+  s.homepage    = "http://mdeering.com"
+  s.summary     = %q{A Full Compass CSS Admin Theme}
+  s.description = %q{Besides being a flexible responsive admin theme I hope for this to be a great learning resource for the power of compass.}
+
+  s.rubyforge_project = "brandy"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  # specify any dependencies here; for example:
+  # s.add_development_dependency
+  s.add_runtime_dependency "compass"
+end

data/lib/brandy.rb

@@ -0,0 +1,15 @@
+require "brandy/version"
+require "brandy/engine"
+
+module Brandy
+end
+
+# TODO: Put this into its own file and require it.
+if defined?(Compass::Frameworks)
+  Compass::Frameworks.register('brandy',
+    :stylesheets_directory => File.join(File.dirname(__FILE__), 'stylesheets'),
+    :templates_directory   => File.join(File.dirname(__FILE__), 'templates')
+  )
+else
+  puts "The Brandy Compass Gem Could not register correctly as a Compass Framework."
+end

data/lib/brandy/engine.rb

@@ -0,0 +1,8 @@
+module Brandy
+  if defined? ::Rails
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/brandy/version.rb

@@ -0,0 +1,3 @@
+module Brandy
+  VERSION = "0.0.1"
+end

data/lib/stylesheets/_brandy.sass

@@ -0,0 +1 @@
+// This is your framework's main stylesheet. Use it to import all default modules.

data/lib/stylesheets/brandy/buttons.sass

@@ -0,0 +1,107 @@
+@import "compass/typography/vertical_rhythm"
+@import "compass/css3/inline-block"
+@import "compass/css3/text-shadow"
+@import "compass/css3/border-radius"
+@import "compass/css3/box-shadow"
+
+=button-base
+  +adjust-font-size-to(13px)
+  +adjust-leading-to(3)
+  +background-image(linear-gradient(top, #FEFEFE, #D7DBDF))
+  +border-radius(4px)
+  +box-shadow(rgba(255, 255, 255, 0.3) 0 1px 0 0 inset, rgba(0, 0, 0, 0.25) 0 1px 1px 0)
+  border-color:    #CCCCCC
+  border-style:    solid
+  border-width:    1px
+  color:           #666666
+  cursor:          pointer
+  +inline-block
+  font-weight:     bold
+  height:          34px
+  line-height:     34px
+  margin:          0px
+  padding:         0 13px
+  position:        relative
+  +single-text-shadow
+  text-align:      center
+  text-decoration: none
+
+=button-big
+  +adjust-font-size-to(21px)
+  height:      55px
+  line-height: 55px
+  padding:     0 21px
+
+=button-compact
+  height:      21px
+  line-height: 21px
+  padding:     0 8px
+
+=button-full-width
+  padding: 0 0 0 0
+  width:   100%
+
+=button-huge
+  +adjust-font-size-to(34px)
+  height:      89px
+  line-height: 89px
+  padding:     0 34px
+
+=button-tiny
+  +adjust-font-size-to(8px)
+  height:      17px
+  line-height: 17px
+  padding:     0 5px
+
+=buttons
+
+  .button
+    +button-base
+
+  .button-big
+    +button-big
+
+  .button-compact
+    +button-compact
+
+  .button-huge
+    +button-huge
+
+  .button-tiny
+    +button-tiny
+
+  .button-full-width
+    +button-full-width
+
+  .compact
+
+    .button
+      +button-compact
+
+
+=button-group
+  +inline-block
+  height:         34px
+  line-heigh:     34px
+  margin-bottom:  2px
+  margin-top:     -2px
+  padding-left:   1px
+  vertical-align: middle
+
+  >.button
+    +border-radius(0)
+    float: left
+    margin-left: -1px
+
+  >.button:first-child
+    border-left-width: 1px
+    +border-radius(4px 0 0 4px)
+
+  >.button:last-child
+    border-right-width: 1px
+    +border-radius(0 4px 4px 0)
+
+=button-groups
+
+  .button-group
+    +button-group

data/lib/stylesheets/brandy/colors.sass

@@ -0,0 +1,40 @@
+// Generic Colors
+$anthracite: #4C4C4C !default
+$black:      black   !default
+$blue:       #0059A0 !default
+$green:      #99C624 !default
+$grey:       #A5A5A5 !default
+$orange:     #FFAE00 !default
+$red:        #DD380D !default
+$silver:     #CCCCCC !default
+$white:      white   !default
+
+=color-classes
+
+  .anthracite
+    color: $anthracite
+
+  .black
+    color: $black
+
+  .blue
+    color: $blue
+
+  .green
+    color: $green
+
+  .grey
+    color: $grey
+
+  .orange
+    color: $orange
+
+  .red
+    color: $red
+
+  .silver
+    color: $silver
+
+  .white
+    color: $white
+

data/lib/stylesheets/brandy/components.sass

@@ -0,0 +1,48 @@
+@import "compass/css3/border-radius"
+@import 'colors'
+@import 'gradiants'
+
+$brandy-block-border-color: $silver !default
+$brandy-block-color:        $silver !default
+$brandy-block-radius:       4px !default
+
+=block
+  border-color: #BFBFBF
+  +border-radius($brandy-block-radius)
+  border-style: solid
+  border-width: 1px
+  position:     relative
+
+=block-content
+  padding: 20px !important
+
+=block-title
+  border-color: $brandy-block-border-color
+  +border-radius(($brandy-block-radius - 1) ($brandy-block-radius - 1) 0 0)
+  color:        $brandy-block-color
+  line-height: 55px
+  padding:     13px
+  position:    relative
+  +white-gradiant
+
+  h3
+    +float-left
+    margin-right: 13px
+
+  .search
+    +float-left
+
+// Mixins for including al the block behaviour
+=blocks
+  .block
+    +block
+
+    .block-content
+      +block-content
+
+    .block-title
+      +block-title
+
+      .compact
+        margin-top: -27px
+

data/lib/stylesheets/brandy/forms.sass

@@ -0,0 +1,33 @@
+=fieldset
+  border-color:  $silver
+  +border-radius(10px)
+  border-style:  solid
+  border-width:  1px
+  margin-bottom: 21px
+  padding:       20px
+  +white-gradiant
+
+  legend
+    +border-radius(3px)
+    +button-base
+    border-style:  solid
+    border-width:  1px
+    margin-bottom: 13px
+    padding:       0 8px
+    text-align:    left
+
+=forms
+
+  fieldset
+    +fieldset
+
+  input
+    +border-radius(4px)
+    font-size:   18px
+    line-height: 18px
+    padding:     8px 5px
+
+  label
+    font-size:   18px
+    font-weight: bold
+    line-height: 16px

data/lib/stylesheets/brandy/gradiants.sass

@@ -0,0 +1,68 @@
+@import "compass/css3/images"
+
+=anthracite-gradiant
+  +background-image(linear-gradient(top, #565656, #404040))
+  border-color: #282E36
+  color: white
+
+=black-gradiant
+  +background-image(linear-gradient(top, #333333, black))
+  border-color: black
+  color: white
+
+=blue-gradiant
+  +background-image(linear-gradient(top, #006AAC, #00438D))
+  border-color: #004795
+  color: white
+
+=green-gradiant
+  +background-image(linear-gradient(top, #BFDD4D, #80B514))
+  border-color: #6D960C
+  color: white
+
+=grey-gradiant
+  +background-image(linear-gradient(top, #B3B3B3, #939393))
+  border-color: #666666
+  color: white
+
+=orange-gradiant
+  +background-image(linear-gradient(top, #FFB900, #FF9E00))
+  border-color: #CC9707
+  color: white
+
+=red-gradiant
+  +background-image(linear-gradient(top, #E24913, #D52607))
+  border-color: #931A03
+  color: white
+
+=white-gradiant
+  +background-image(linear-gradient(top, #F7F7F7, #E4E7EB))
+  border-color: #CCCCCC
+  color: #666666
+
+=gradiants
+
+  .anthracite-gradiant
+    +anthracite-gradiant
+
+  .black-gradiant
+    +black-gradiant
+
+  .blue-gradiant
+    +blue-gradiant
+
+  .green-gradiant
+    +green-gradiant
+
+  .grey-gradiant
+    +grey-gradiant
+
+  .orange-gradiant
+    +orange-gradiant
+
+  .red-gradiant
+    +red-gradiant
+
+  .white-gradiant
+    +white-gradiant
+

data/lib/stylesheets/brandy/grid-system.sass

@@ -0,0 +1,70 @@
+/*  Brandy Grid
+
+    Most of this is taken from the Sinter Framwork https://github.com/idangazit/sinter
+    I used it as a learning example while trying to wrap my head around this whole
+    responsive design stuff.
+
+@import "compass/utilities/general/clearfix"
+@import "compass/layout/grid-background"
+
+// Fundamental variables:
+$brandy-column-width: 60px
+$brandy-gutter-width: 20px
+
+// Grid Math Functions
+@function column-width($columns)
+  @return ($brandy-column-width * $columns) + ($brandy-gutter-width * ($columns - 1))
+
+@function grid-padding-px($columns)
+  @if $columns == 9
+    @return 34px
+  @else
+    @return 10px
+
+// The Grid
+=grid($columns)
+  +clearfix
+  margin-left:   auto
+  margin-right:  auto
+  padding-left:  grid-padding-px($columns)
+  padding-right: grid-padding-px($columns)
+  width:         column-width($columns)
+
+=columns($columns)
+  display:      inline // IE6 double-margin fix
+  float:        left   // Triggers block mode on normal browsers
+  margin-left:  $brandy-gutter-width / 2
+  margin-right: $brandy-gutter-width / 2
+  width:        column-width($columns)
+
+=prefix($columns)
+  padding-left: column-width($columns) + $brandy-gutter-width
+
+=suffix($columns)
+  padding-right: column-width($columns) + $brandy-gutter-width
+
+=pad($columns)
+  +prefix($columns)
+  +suffix($columns)
+
+=full($columns, $pad: 0)
+  +columns($columns)
+  +pad($pad)
+  +first
+  +last
+
+=first
+  margin-left: 0px
+
+=full-width($columns)
+  +columns($columns)
+  +first
+  +last
+
+=last
+  margin-right: 0px
+
+// Toys
+=brandy-grid-background($columns)
+  +column-grid-background($columns, $brandy-column-width, $brandy-gutter-width)
+