staple 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: abe0b6ef6e6e04b727c47fbd0b3afdc2faa77639
-  data.tar.gz: 26494243bf17212a6c9746498803d245955968ad
+  metadata.gz: 61a568ef5e83f4e773d61df426b0e7d18d45bdd7
+  data.tar.gz: 70e98cb8d4544b32f4a79acb23c93f2b55ea40be
 SHA512:
-  metadata.gz: cd3d540389336b03d5ec44756381b9b828ea9b5828bafb0046cca0738879a7e3c54a78f8aaf6c4db28259990da70adbca029f106d6ca60b276453abaeb4c7149
-  data.tar.gz: 2d5120fb7be92ff29712514c96d7faf0ad990b08694d659a098b7cd8e66f082028bdd722ed5af214e68d7633fa11a0e4fe5526e069f80bc9f3073b0e66447399
+  metadata.gz: 94a434fa9733ef33a6efc4aacfaf4b35a83f0d9d3dd2e5f0c0bef1bc0a07068e7109631589b40c0efc170a48c489ff00984b0f805221d18a5e2398785c2120af
+  data.tar.gz: 7448335b4aec2a1d132ca7b1162fcbd05c62bdaa20c360f03e943f812b02f85a4561aab14719fe704939c8c4e45ea8d180dff7a602c7a0ed6603874ab55d6038

data/README.md

@@ -4,7 +4,6 @@ High level UI framework. Built on top of foundation.
 
 ##TODO
 
-* Simple default generators first. Basic Theme.
 * Load vars then override before
 * Generate override components after using vars
 * Modify files using generators or manual
@@ -12,7 +11,7 @@ High level UI framework. Built on top of foundation.
 ##LOW PRIORITY
 * declaring as dependency does not load it?
 * integration with existing projects
-* turbolinks messed with abide validation
+* turbolinks messed with abide validation: https://github.com/zurb/foundation/issues/2902
 
 ##Install
 

data/source/stylesheets/foundation_and_overrides.scss

@@ -1,6 +1,6 @@
 @import "foundation/functions";
 $include-html-classes: true;
 $include-html-global-classes: $include-html-classes;
-@import 'staple/before';
+@import 'staple/init/before';
 @import 'foundation';
-@import 'staple/after';
+@import 'staple/init/after';

data/source/stylesheets/staple/{build_buttons.scss → builders/build_buttons.scss}

@@ -1,4 +1,4 @@
-//load functions before calling them
+//load functions before calling them. put in helpers
 @function set-text-color($color) {
   @if (lightness($color) > 60%) {
     @return rgba($black, $transparent-weak); // Lighter backgorund, return dark color
@@ -10,6 +10,9 @@
 .button{
 	background-color: $primary-color;
 	color: set-text-color($primary-color);
+	font-weight: 200;
+ 	letter-spacing: 1px;
+ 	transition: background-color 150ms ease-out;
 }
 .button:hover{
 	background-color: lighten($primary-color, $transition-brighten);

data/source/stylesheets/staple/buttons.scss

@@ -1,60 +1 @@
-// .button{
-// 	//permutations
-// 	font-weight: 200;
-// 	letter-spacing: 1px;
-
-// 	background-color: $primary-color;
-// 	border-color: $primary-color;
-// 	color: white;
-// 	transition: background-color 150ms ease-out;
-
-// 	padding-top: 0.9rem;
-// 	padding-right: 2.1rem;
-// 	padding-bottom: 0.96rem;
-// 	padding-left: 2.1rem;
-
-// 	margin-right: 0.5rem;//arbitrary
-// }
-// .button.tiny{
-// 	padding-top: 0.525rem;
-// 	padding-right: 1.35rem;
-// 	padding-bottom: 0.5875rem;
-// 	padding-left: 1.35rem;
-// }
-// .button.small{
-// 	padding-top: 0.775rem;
-// 	padding-right: 1.85rem;
-// 	padding-bottom: 0.8375rem;
-// 	padding-left: 1.85rem;
-// }
-// .button.large{
-// 	padding-top: 1.025rem;
-// 	padding-right: 2.55rem;
-// 	padding-bottom: 1.0875rem;
-// 	padding-left: 2.55rem;
-// }
-// //used for rounded buttons
-// .button.wider{
-// 	padding-right: 2.5rem;
-// 	padding-left: 2.5rem;
-// }
-// .button.shadow{
-// 	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
-// }
-// .button.text-shadow{
-// 	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
-// }
-// .button.inner-text-shadow{
-// 	text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
-// }
-// .button.expand{
-// 	margin-right:0;
-// }
-// //FIX
-// .button-group{
-// 	.button{
-// 		margin-right:0px;
-// 	}
-// }
-
-@import 'build_buttons'
+@import 'builders/build_buttons'

data/source/stylesheets/staple/{color.scss → colors.scss}

@@ -4,7 +4,7 @@ $secondary-color: adjust_hue($primary-color, 135);
 $tertiary-color: adjust_hue($primary-color, 200);
 
 //AUTO GENERATE FOUNDATION COLORS: (CAN OVERRIDE)
-@import 'color_functions';
+@import 'helpers/color_functions';
 $alert-color: alert($primary-color);//red
 $success-color: success($primary-color);//green
 $warning-color: warning($primary-color);//yellow/orange

data/source/stylesheets/staple/forms.scss

@@ -0,0 +1,52 @@
+//STYLE OVERRIDES
+//take away pointer on label
+label{
+	cursor: default;
+}
+//take away asterix
+div.required{
+	abbr{
+		display: none;
+	}
+}
+//REMOVE FOUNDATION GLOW
+input[type="text"],
+input[type="password"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="month"],
+input[type="week"],
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="time"],
+input[type="url"],
+input[type="color"],
+textarea {
+	box-shadow: none;
+	transition: border-color 0.15s ease-in-out;
+}
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="month"]:focus,
+input[type="week"]:focus,
+input[type="email"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="color"]:focus,
+textarea:focus {
+	box-shadow: none;
+	outline: none;
+}
+//NOT ITALICS
+[data-abide] .error small.error{
+	font-style: normal;
+}

data/source/stylesheets/staple/{after.scss → init/after.scss}

@@ -1,6 +1,6 @@
 //after.scss
 //Must load after foundation. Overrides some of foundations defaults. Generators
-@import 'build_colors';
-@import 'buttons';
-@import 'forms';
+@import '../builders/build_colors';
+@import '../buttons';
+@import '../forms';
 //BUILD IT

data/source/stylesheets/staple/init/before.scss

@@ -0,0 +1,7 @@
+//before.scss
+//must be loaded before loading foundation because variables will affect foundation
+@import '../sizes';
+@import '../colors';
+@import '../utilities';
+@import '../typography';
+@import 'overrides';

data/source/stylesheets/staple/utilities.scss

@@ -39,4 +39,14 @@ $global-rounded: 1000px;
 //* modifiers:padding, border, space between buttons
 //* gradient
 //* blur
-//* middle
+//* middle
+
+// .button.shadow{
+// 	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
+// }
+// .button.text-shadow{
+// 	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
+// }
+// .button.inner-text-shadow{
+// 	text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
+// }

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.2"
+  spec.version       = "0.1.3"
   spec.summary       = "A high level ui generator. WIP."
   spec.description   = "Coming Soon. Built on top of foundation."
   spec.authors       = ["Ryan Helsing"]

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: staple
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Ryan Helsing
@@ -85,16 +85,16 @@ files:
 - lib/staple/list_generator.rb
 - source/simple_form/_form.html.slim
 - source/stylesheets/foundation_and_overrides.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/builders/build_buttons.scss
+- source/stylesheets/staple/builders/build_colors.scss
 - source/stylesheets/staple/buttons.scss
-- source/stylesheets/staple/color.scss
-- source/stylesheets/staple/color_functions.scss
+- source/stylesheets/staple/colors.scss
 - source/stylesheets/staple/forms.scss
-- source/stylesheets/staple/overrides.scss
-- source/stylesheets/staple/size.scss
+- source/stylesheets/staple/helpers/color_functions.scss
+- source/stylesheets/staple/init/after.scss
+- source/stylesheets/staple/init/before.scss
+- source/stylesheets/staple/init/overrides.scss
+- source/stylesheets/staple/sizes.scss
 - source/stylesheets/staple/typography.scss
 - source/stylesheets/staple/utilities.scss
 - staple.gemspec

data/source/stylesheets/staple/before.scss

@@ -1,7 +0,0 @@
-//before.scss
-//must be loaded before loading foundation because variables will affect foundation
-@import 'size';
-@import 'color';
-@import 'utilities';
-@import 'typography';
-@import 'overrides';