toadstool 0.0.0.1 → 0.0.0.3

data/readme.md

@@ -1,37 +0,0 @@
-#Welcome to Toadstool
-![toadstool logo](/Anotheruiguy/toadstool/raw/master/public/images/toadstool-logo.png "toadstool - put that in your styleguide")
-
-Toadstool is a Styleguide framework. Concepts are simple, build in the abstract and apply to the semantic. 
-
-Toadstool is currently developed as a Sinatra app using Sass (SCSS) and Compass. We have made recent updates that makes the core set of Sass functions into a Compass extension. 
-
-##To run the app
-Toadstool is built using ``Sinatra``, but you can run the app using ``shotgun`` if you prefer.
-
-**To run** ``ruby toadstool.rb`` will start the app. If you are running a VM you may need to run ``ruby toadstool.rb -o 0.0.0.0``.  If you are so inclined, feel free to reset the port like so ``ruby toadstool.rb -o 0.0.0.0 -p 3000``
-
-A `Rakefile` has been added to the project, simply running `rake server` will start the app. 
-
-##Sass / Compass
-The Compass config is included in toadstool.rb, no need to run as a separate process. 
-
-*Note:* Sinatra serves the rendered Sass from memory without generating actual CSS files. However, if you have CSS files in public/stylesheets, those will be served instead. If you edit your Sass, but don't see your changes in the browser, delete any CSS files in public/stylesheets. 
-
-#Stipe Compass Extension
-Stipe is the life blood of the Toadstool style guide framework. Consisting of a series of mixins, extends and defaults that give Toadstool that 'instant on' experience. 
-
-[Stipe](https://rubygems.org/gems/stipe)
-
-##To install
-`gem install stipe`
-
-Current gem version dependency => 0.0.3.8
-
-##To use 
-To use the Stipe gem, using Bundler `gem 'stipe'`
-
-Stipe is a Compass Extension, so Compass is set as a depdency. You will need to include `require 'stipe'` in your config.rb file.
-
-
-###Please don't mind the mess ...
-This is a work in progress, if you are following along at home, pull master a lot :D

data/sass/_buttons.scss

@@ -1,20 +0,0 @@
-// Toadstool comes pre-loaded with a series of pre-developed buttons
-// Special thanks to Chad for the work (http://hellohappy.org/css3-buttons/)
-// To use, simply uncomment the buttons you want and extend the silent class
-// --------------------------------------------------------------------
-// Minimal
-@import "buttons/minimal_config"; // Minimal config options
-@import "stipe/buttons/lib/minimal"; // Sass UI code
-
-// Cupid-green
-@import "buttons/cupid_config"; // Minimal config options
-@import "stipe/buttons/lib/cupid-green"; // Sass UI code
-
-
-
-// buttons
-// --------------------------------------------------------------------
-//* toadstool buttons */
-button, a.button {
-	@extend %stipe_buttons; // pre-loaded silent class, I know you want to nuke this!
-}

data/sass/_forms.scss

@@ -1,18 +0,0 @@
-input[type=text], input[type=password], input[type="date"], select {
-  @extend %input_fields;  // style comes from stipe/forms/_extends.scss 
-}
-
-input[type=text], input[type=password], input[type="date"] {
-  @media #{$mobile} {
-    -webkit-appearance: none;  // this is to remove the default inner shadow
-    -moz-appearance: none; // if this ever works, Moz bug for over a year
-  }
-}
-
-input[disabled], textarea[disabled], select[disabled], .disabled {
-  @extend %disabled_inputs; // style comes from stipe/forms/_extends.scss
-}
-
-label {
-  @extend %form_labels; // style comes from stipe/forms/_extends.scss
-}

data/sass/_modules.scss

@@ -1,12 +0,0 @@
-
-// Resource file that will import designated mixin and extend files
-// --------------------------------------------
-
-// List mixins to import here
-// --------------------------------------------
-@import "modules/example_module/mixins";
-
-
-// List extends to import here
-// --------------------------------------------
-@import "modules/example_module/extends";

data/sass/buttons/_cupid_config.scss

@@ -1,20 +0,0 @@
-// To edit the default configs for the 'cupid-green' buttons, 
-// simply uncomment the corrosponding veriable and edit.
-// -------------------------------------------------------------------------------
-
-// $cupid_background: orange;
-// $cupid_gradient: $cupid_background 0%, #63a62f 100%;
-// $cupid_background_hover: darken($cupid_background, 4);
-// $cupid_gradient_hover: $cupid_background_hover 0%, #5e9e2e 100%;
-// $cupid_border_color: #63a62f #63a62f #5b992b #63a62f;
-// $cupid_border_radius: em(3);
-// $cupid_inset_box_shadow: #96ca6d;
-// $cupid_inset_box_shadow_hover: #8dbf67;
-// $cupid_inset_box_shadow_active: #548c29;
-// $cupid_text_color: #fff;
-// $cupid_text_weight: bold;
-// $cupid_font_family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-// $cupid_font_size: em(12);
-// $cupid_padding: em(7) 0 em(8) 0;
-// $cupid_text_shadow_color: #4c9021; 
-// $cupid_width: em(150);

data/sass/buttons/_minimal_config.scss

@@ -1,15 +0,0 @@
-// To edit the default configs for the 'minimal' buttons, 
-// simply uncomment the corrosponding veriable and edit.
-// -------------------------------------------------------------------------------
-
-// $minimal_background: #e3e3e3;
-// $minimal_border_color: #bbb;
-// $minimal_border_radius: em(3);
-// $minimal_inset_shadow_color: #f6f6f6;
-// $minimal_font_color: #333;
-// $minimal_font_weight: bold;
-// $minimal_font_size: em(12);
-// $minimal_font_family: "helvetica neue", helvetica, arial, sans-serif;
-// $minimal_padding: em(8) 0 em(9);
-// $minimal_text_shadow: 0 1px 0 #fff;
-// $minimal_width: em(150);

data/sass/color/_extends.scss

@@ -1,291 +0,0 @@
-@import "../config";
-
-/////// OOCSS color blocks ////////
-// ----------------------------------------------
-
-//* Standard grayscale objects */
-//* -------------------------- */
-%white {
-	background-color: $white;
-}
-
-%alpha_gray {
-	background-color: $alpha_gray;
-}
-
-%bravo_gray {
-	background-color: $bravo_gray;
-}
-	
-%charlie_gray {
-	background-color: $charlie_gray;
-}
-
-%delta_gray {
-	background-color: $delta_gray;
-}
-	
-%echo_gray {
-	background-color: $echo_gray;
-}
-	
-%fox_gray {
-	background-color: $fox_gray;
-}
-
-%golf_gray {
-	background-color: $golf_gray;
-}
-
-%hotel_gray {
-	background-color: $hotel_gray;
-}
-
-%india_gray {
-	background-color: $india_gray;
-}
-
-
-
-//* Standard color objects */
-//* ---------------------- */
-%alpha_color {
-	background-color: $alpha_color;
-}
-%alpha_color_bravo {
-	background-color: $alpha_color_bravo;
-}
-%alpha_color_charlie {
-	background-color: $alpha_color_charlie;
-}
-%alpha_color_delta {
-	background-color: $alpha_color_delta;
-}
-%alpha_color_echo {
-	background-color: $alpha_color_echo;
-}
-%alpha_color_fox {
-	background-color: $alpha_color_fox;
-}
-%alpha_color_golf {
-	background-color: $alpha_color_golf;
-}
-%alpha_color_hotel {
-	background-color: $alpha_color_hotel;
-}
-%alpha_color_india {
-	background-color: $alpha_color_india;
-}
-%alpha_color_juliet {
-	background-color: $alpha_color_juliet;
-}
-
-
-
-
-
-%bravo_color {
-	background-color: $bravo_color;
-}
-%bravo_color_bravo {
-	background-color: $bravo_color_bravo;
-}
-%bravo_color_charlie {
-	background-color: $bravo_color_charlie;
-}
-%bravo_color_delta {
-	background-color: $bravo_color_delta;
-}
-%bravo_color_echo {
-	background-color: $bravo_color_echo;
-}
-%bravo_color_fox {
-	background-color: $bravo_color_fox;
-}
-%bravo_color_golf {
-	background-color: $bravo_color_golf;
-}
-%bravo_color_hotel {
-	background-color: $bravo_color_hotel;
-}
-%bravo_color_india {
-	background-color: $bravo_color_india;
-}
-%bravo_color_juliet {
-	background-color: $bravo_color_juliet;
-}
-
-
-
-
-
-	
-%charlie_color {
-	background-color: $charlie_color;
-}
-%charlie_color_bravo {
-	background-color: $charlie_color_bravo;
-}
-%charlie_color_charlie {
-	background-color: $charlie_color_charlie;
-}
-%charlie_color_delta {
-	background-color: $charlie_color_delta;
-}
-%charlie_color_echo {
-	background-color: $charlie_color_echo;
-}
-%charlie_color_fox {
-	background-color: $charlie_color_fox;
-}
-%charlie_color_golf {
-	background-color: $charlie_color_golf;
-}
-%charlie_color_hotel {
-	background-color: $charlie_color_hotel;
-}
-%charlie_color_india {
-	background-color: $charlie_color_india;
-}
-%charlie_color_juliet {
-	background-color: $charlie_color_juliet;
-}
-
-
-
-
-
-	
-%delta_color {
-	background-color: $delta_color;
-}
-%delta_color_bravo {
-	background-color: $delta_color_bravo;
-}
-%delta_color_charlie {
-	background-color: $delta_color_charlie;
-}
-%delta_color_delta {
-	background-color: $delta_color_delta;
-}
-%delta_color_echo {
-	background-color: $delta_color_echo;
-}
-%delta_color_fox {
-	background-color: $delta_color_fox;
-}
-%delta_color_golf {
-	background-color: $delta_color_golf;
-}
-%delta_color_hotel {
-	background-color: $delta_color_hotel;
-}
-%delta_color_india {
-	background-color: $delta_color_india;
-}
-%delta_color_juliet {
-	background-color: $delta_color_juliet;
-}
-
-
-
-
-
-	
-%echo_color {
-	background-color: $echo_color;
-}
-%echo_color_bravo {
-	background-color: $echo_color_bravo;
-}
-%echo_color_charlie {
-	background-color: $echo_color_charlie;
-}
-%echo_color_delta {
-	background-color: $echo_color_delta;
-}
-%echo_color_echo {
-	background-color: $echo_color_echo;
-}
-%echo_color_fox {
-	background-color: $echo_color_fox;
-}
-%echo_color_golf {
-	background-color: $echo_color_golf;
-}
-%echo_color_hotel {
-	background-color: $echo_color_hotel;
-}
-%echo_color_india {
-	background-color: $echo_color_india;
-}
-%echo_color_juliet {
-	background-color: $echo_color_juliet;
-}
-
-
-/////// semantic color blocks ////////
-// ----------------------------------------------
-%white {
-	background: $white;
-}
-
-%shadow_color {
-	background: $shadow_color;
-}
-
-%primary_header_color {
-	background: $primary_header_color;
-}
-
-%heading_font_weight {
-	background: $heading_font_weight;
-}
-
-%primary_text {
-	background: $primary_text;
-}
-
-%href_color {
-	background: $href_color;
-}
-
-%ins_color {
-	background: $ins_color;
-}
-
-%mark_color {
-	background: $mark_color;
-}
-
-%webkit_tap_hightlight {
-	background: $webkit_tap_hightlight;
-}
-
-%selection_color {
-	background: $selection_color;
-}
-
-%selection_text_color {
-	background: $selection_text_color;
-}
-
-%border_color {
-	background: $border_color;
-}
-
-%primary_button_border_color {
-	background: $primary_button_border_color;
-}
-
-%secondary_button_border_color {
-	background: $secondary_button_border_color;
-}
-
-%button_text {
-	background: $button_text;
-}
-
-%standard_hr_color {
-	background: $standard_hr_color;
-}

data/sass/ui_patterns/_color_grid.scss

@@ -1,286 +0,0 @@
-//* Standard grayscale objects */
-//* -------------------------- */
-.white {
-	@extend %white;
-}
-
-.alpha_gray {
-	@extend %alpha_gray;
-}
-
-.bravo_gray {
-	@extend %bravo_gray;
-}
-	
-.charlie_gray {
-	@extend %charlie_gray;
-}
-
-.delta_gray {
-	@extend %delta_gray;
-}
-	
-.echo_gray {
-	@extend %echo_gray;
-}
-	
-.fox_gray {
-	@extend %fox_gray;
-}
-
-.golf_gray {
-	@extend %golf_gray;
-}
-
-.hotel_gray {
-	@extend %hotel_gray;
-}
-
-.india_gray {
-	@extend %india_gray;
-}
-
-
-
-//* Standard color objects */
-//* ---------------------- */
-.alpha_color {
-	@extend %alpha_color;
-}
-.alpha_color_bravo {
-	@extend %alpha_color_bravo;
-}
-.alpha_color_charlie {
-	@extend %alpha_color_charlie;
-}
-.alpha_color_delta {
-	@extend %alpha_color_delta;
-}
-.alpha_color_echo {
-	@extend %alpha_color_echo;
-}
-.alpha_color_fox {
-	@extend %alpha_color_fox;
-}
-.alpha_color_golf {
-	@extend %alpha_color_golf;
-}
-.alpha_color_hotel {
-	@extend %alpha_color_hotel;
-}
-.alpha_color_india {
-	@extend %alpha_color_india;
-}
-.alpha_color_juliet {
-	@extend %alpha_color_juliet;
-}
-
-
-
-
-
-.bravo_color {
-	@extend %bravo_color;
-}
-.bravo_color_bravo {
-	@extend %bravo_color_bravo;
-}
-.bravo_color_charlie {
-	@extend %bravo_color_charlie;
-}
-.bravo_color_delta {
-	@extend %bravo_color_delta;
-}
-.bravo_color_echo {
-	@extend %bravo_color_echo;
-}
-.bravo_color_fox {
-	@extend %bravo_color_fox;
-}
-.bravo_color_golf {
-	@extend %bravo_color_golf;
-}
-.bravo_color_hotel {
-	@extend %bravo_color_hotel;
-}
-.bravo_color_india {
-	@extend %bravo_color_india;
-}
-.bravo_color_juliet {
-	@extend %bravo_color_juliet;
-}
-
-
-
-
-
-	
-.charlie_color {
-	@extend %charlie_color;
-}
-.charlie_color_bravo {
-	@extend %charlie_color_bravo;
-}
-.charlie_color_charlie {
-	@extend %charlie_color_charlie;
-}
-.charlie_color_delta {
-	@extend %charlie_color_delta;
-}
-.charlie_color_echo {
-	@extend %charlie_color_echo;
-}
-.charlie_color_fox {
-	@extend %charlie_color_fox;
-}
-.charlie_color_golf {
-	@extend %charlie_color_golf;
-}
-.charlie_color_hotel {
-	@extend %charlie_color_hotel;
-}
-.charlie_color_india {
-	@extend %charlie_color_india;
-}
-.charlie_color_juliet {
-	@extend %charlie_color_juliet;
-}
-
-
-
-
-
-	
-.delta_color {
-	@extend %delta_color;
-}
-.delta_color_bravo {
-	@extend %delta_color_bravo;
-}
-.delta_color_charlie {
-	@extend %delta_color_charlie;
-}
-.delta_color_delta {
-	@extend %delta_color_delta;
-}
-.delta_color_echo {
-	@extend %delta_color_echo;
-}
-.delta_color_fox {
-	@extend %delta_color_fox;
-}
-.delta_color_golf {
-	@extend %delta_color_golf;
-}
-.delta_color_hotel {
-	@extend %delta_color_hotel;
-}
-.delta_color_india {
-	@extend %delta_color_india;
-}
-.delta_color_juliet {
-	@extend %delta_color_juliet;
-}
-
-
-
-
-
-	
-.echo_color {
-	@extend %echo_color;
-}
-.echo_color_bravo {
-	@extend %echo_color_bravo;
-}
-.echo_color_charlie {
-	@extend %echo_color_charlie;
-}
-.echo_color_delta {
-	@extend %echo_color_delta;
-}
-.echo_color_echo {
-	@extend %echo_color_echo;
-}
-.echo_color_fox {
-	@extend %echo_color_fox;
-}
-.echo_color_golf {
-	@extend %echo_color_golf;
-}
-.echo_color_hotel {
-	@extend %echo_color_hotel;
-}
-.echo_color_india {
-	@extend %echo_color_india;
-}
-.echo_color_juliet {
-	@extend %echo_color_juliet;
-}
-
-
-/////// semantic color blocks ////////
-// ----------------------------------------------
-.white {
-	background: $white;
-}
-
-.shadow_color {
-	background: $shadow_color;
-}
-
-.primary_header_color {
-	background: $primary_header_color;
-}
-
-.heading_font_weight {
-	background: $heading_font_weight;
-}
-
-.primary_text {
-	background: $primary_text;
-}
-
-.href_color {
-	background: $href_color;
-}
-
-.ins_color {
-	background: $ins_color;
-}
-
-.mark_color {
-	background: $mark_color;
-}
-
-.webkit_tap_hightlight {
-	background: $webkit_tap_hightlight;
-}
-
-.selection_color {
-	background: $selection_color;
-}
-
-.selection_text_color {
-	background: $selection_text_color;
-}
-
-.border_color {
-	background: $border_color;
-}
-
-.primary_button_border_color {
-	background: $primary_button_border_color;
-}
-
-.secondary_button_border_color {
-	background: $secondary_button_border_color;
-}
-
-.button_text {
-	background: $button_text;
-}
-
-.standard_hr_color {
-	background: $standard_hr_color;
-}