staple 0.1.0 → 0.1.1

data/source/stylesheets/staple/size.scss

@@ -0,0 +1,21 @@
+//SCALE
+$scale-factor: 1;//Will adjust just about everything?
+$default-padding: 1.5rem;
+$default-margin: 1.5rem;
+$border-size: 1px;//check if already exists
+
+//SAME AS BUTTONS FOR PADDING AND MARGINS
+//SPECIFY STYLES TO GENERATE THAT CAN BE APPLIED AND SET AS DEFAULTS
+
+
+//FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
+//GRID
+$row-width: rem-calc(1000);
+$total-columns: 12;
+$column-gutter: rem-calc(3);
+//MEDDIA QUERIES
+$small-range: (0em, 40em);
+$medium-range: (40.063em, 64em);
+$large-range: (64.063em, 90em);
+$xlarge-range: (90.063em, 120em);
+$xxlarge-range: (120.063em, 99999999em);

data/source/stylesheets/staple/typography.scss

@@ -0,0 +1,13 @@
+//IMPORT FONTS HERE
+$type-face-primary:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+$type-face-secondary:Georgia, Cambria, "Times New Roman", Times, serif;
+
+//FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
+$font-family-sans-serif: $type-face-primary;
+$font-family-serif: $type-face-secondary;
+$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace;
+
+
+//FONT CLASSES TO GENERATE
+
+//SET FONT

data/source/stylesheets/staple/utilities.scss

@@ -0,0 +1,42 @@
+//SAME AS BUTTONS FOR SHADOWS BORDERS ROUNDING
+//SPECIFY STYLES TO GENERATE THAT CAN BE APPLIED AND SET AS DEFAULTS
+
+//FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
+$global-radius: 5px;
+$global-rounded: 1000px;
+
+//FONT WEIGHT CLASSES TO GENERATE - UTILITIES?
+
+//LETTER SPACING CLASSES TO GENERATE - UTILITIES?
+
+//ADDITIONAL UTILITIES
+//need vertical alignment
+//font weights
+.fontweight-light{
+	font-weight: 200;
+}
+.fontweight-normal{
+	font-weight: 400;
+}
+.fontweight-medium{
+	font-weight: 500;
+}
+.fontweight-strong{
+	font-weight: 700;
+}
+.uppercase{
+	text-transform: uppercase;
+}
+// hack: needed for admin
+.row.full-width {
+  width: 100%;
+  max-width: 100%;
+}
+.no-margin{
+	margin: 0px;
+}
+
+//* modifiers:padding, border, space between buttons
+//* gradient
+//* blur
+//* middle

data/staple.gemspec

@@ -4,7 +4,7 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 
 Gem::Specification.new do |spec|
   spec.name          = "staple"
-  spec.version       = "0.1.0"
+  spec.version       = "0.1.1"
   spec.summary       = "A high level ui generator. WIP."
   spec.description   = "Coming Soon. Built on top of foundation."
   spec.authors       = ["Ryan Helsing"]

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: staple
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Ryan Helsing
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-11-11 00:00:00.000000000 Z
+date: 2014-11-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foundation-rails
@@ -84,15 +84,19 @@ files:
 - lib/staple/install_generator.rb
 - lib/staple/list_generator.rb
 - source/simple_form/_form.html.slim
-- source/stylesheets/after.scss
-- source/stylesheets/before.scss
-- source/stylesheets/buttons.scss
-- source/stylesheets/color.scss
-- source/stylesheets/forms.scss
 - source/stylesheets/foundation_and_overrides.scss
-- source/stylesheets/sizing.scss
-- source/stylesheets/typography.scss
-- source/stylesheets/utilities.scss
+- source/stylesheets/staple/after.scss
+- source/stylesheets/staple/before.scss
+- source/stylesheets/staple/build_buttons.scss
+- source/stylesheets/staple/build_colors.scss
+- source/stylesheets/staple/buttons.scss
+- source/stylesheets/staple/color.scss
+- source/stylesheets/staple/color_functions.scss
+- source/stylesheets/staple/forms.scss
+- source/stylesheets/staple/overrides.scss
+- source/stylesheets/staple/size.scss
+- source/stylesheets/staple/typography.scss
+- source/stylesheets/staple/utilities.scss
 - staple.gemspec
 homepage: https://github.com/rhelsing/staple
 licenses:

data/source/stylesheets/before.scss

@@ -1,9 +0,0 @@
-//before.scss
-//must be loaded before loading foundation because variables will affect foundation
-@import "foundation/functions";
-$include-html-classes: true;
-$include-html-global-classes: $include-html-classes;
-@import 'color';
-@import 'typography';
-@import 'sizing';
-//additional based on variables