staple 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: ca9ca4c1eae59fe781b47c16fe3f42e2cda2d0cb
4
- data.tar.gz: 4242c1a3685a756a5b54ed5b0e514860f0608643
3
+ metadata.gz: 5c3ed784b29090f4c4f3e2669163749782cc72f6
4
+ data.tar.gz: 87caa3ec5a5dc22e2308655dfdb226deec4e0da7
5
5
  SHA512:
6
- metadata.gz: 1221b30e75dbd3872bedd6dd72e6feb6d4380a5af26c58e8c385bd213bc593195001a4d4d80bbf5f80d09214088f1ddbfbdc9dae2347edfac999bb5c35aedb1e
7
- data.tar.gz: 0b5bf48ff7fee2f27352a59cdf9715cd77ec8c95cce7b41e718312f60a83540467b06ae8258d831bcc0e091c8a9aadc7d0b8373fab00df1876f6c36243affc44
6
+ metadata.gz: 39a6e783bae4df39e6b4e86aa6bb2667238648c557b0306e7341b0cfa6cbc39e504031eb146140f43f63d41e007e53631eacc6ef3281a05609a97d5eabb387d8
7
+ data.tar.gz: 3b3dac53c72d36b3eb1da7f8dacdde1a943b82923965f251a1aec2b917c432595dc61a6cff94901aadace21e3fe13dc899cceef83f8b2068717f982421be2e2b
data/README.md CHANGED
@@ -19,15 +19,14 @@ High level UI framework. Built on top of foundation.
19
19
 
20
20
  ##TODO
21
21
 
22
- * Incorporate sizes into eveything
23
- * Better default fonts
24
-
22
+ * Generators
23
+ * Remove app.erb? when?
25
24
 
26
25
  ##LOW PRIORITY
27
26
  * declaring as dependency does not load it?
28
27
  * integration with existing projects
29
- * turbolinks messed with abide validation: https://github.com/zurb/foundation/issues/2902
30
28
  * don't require other gems
29
+ * reinstall places foundation again then does replace, seperate generator for update?
31
30
 
32
31
  ##Install
33
32
 
@@ -6,18 +6,6 @@
6
6
  @return rgba($white, $transparent-strong); // Darker background, return light color
7
7
  }
8
8
  }
9
- //DEFAULT
10
- .button{
11
- background-color: $primary-color;
12
- color: set-text-color($primary-color);
13
- font-weight: 200;
14
- letter-spacing: 1px;
15
- transition: background-color 150ms ease-out;
16
- }
17
- .button:hover{
18
- background-color: lighten($primary-color, $transition-brighten);
19
- }
20
-
21
9
  //BUTTON GENERATOR FOR EACH COLOR
22
10
  @each $color in $button-classes {
23
11
  $i: index($button-classes, $color);
@@ -1,3 +1,18 @@
1
1
  //SET DEFAULT BUTTON STYLE with variables. Modify variables with thor/generators
2
- //Variables determine what to write to css
2
+ //DEFAULT
3
+ .button{
4
+ background-color: $primary-color;
5
+ color: set-text-color($primary-color);
6
+ font-weight: 200;
7
+ letter-spacing: 1px;
8
+ transition: background-color 150ms ease-out;
9
+ }
10
+ .button:hover{
11
+ background-color: lighten($primary-color, $transition-brighten);
12
+ }
13
+ //Variables determine what to generate to css
14
+ //BUTTON CLASSES TO GENERATE: (look in colors)
15
+ $button-classes: primary compliment secondary tertiary;
16
+ $button-define: $primary-color $complement-color $secondary-color $tertiary-color;
17
+
3
18
  @import 'builders/build_buttons'
@@ -10,10 +10,6 @@ $success-color: success($primary-color);//green
10
10
  $warning-color: warning($primary-color);//yellow/orange
11
11
  $info-color: info($primary-color);//blue
12
12
 
13
- //BUTTON CLASSES TO GENERATE:
14
- $button-classes: primary compliment secondary tertiary;
15
- $button-define: $primary-color $complement-color $secondary-color $tertiary-color;
16
-
17
13
  //ACCENTS CLASSES TO GENERATE: (BACKGROUNDS, BORDERS, AND TEXT-COLOR)
18
14
  $white: #ffffff;
19
15
  $black: #000000;
@@ -30,4 +26,6 @@ $opacity-define:$transparent-light $transparent-weak $transparent-medium $tra
30
26
 
31
27
  //DIFFERENCE IN SHADE WHEN ACCENTING COMPONENTS
32
28
  $primary-difference: 30;
33
- $transition-brighten: 8%;
29
+ $transition-brighten: 8%;
30
+
31
+ //PUT BUILDER HERE?
@@ -13,4 +13,8 @@ div.error{
13
13
  *:focus{
14
14
  border-color: $alert-color;
15
15
  }
16
- }
16
+ }
17
+
18
+ //VARIABLES TO GENERATE
19
+
20
+ //BUILDER
@@ -152,7 +152,7 @@ $shiny-edge-active-color: rgba($black, .2);
152
152
 
153
153
  //We use these to control header font styles
154
154
  $header-font-family: $body-font-family;
155
- $header-font-weight: $font-weight-normal;
155
+ // $header-font-weight: $font-weight-normal;
156
156
  $header-font-style: normal;
157
157
  $header-font-color: rgba($black, $transparent-strong);
158
158
  $header-line-height: 1.4;
@@ -179,7 +179,7 @@ $h6-font-reduction: 0 !default;
179
179
  // These control how subheaders are styled.
180
180
  $subheader-line-height: 1.4;
181
181
  $subheader-font-color: scale-color($header-font-color, $lightness: 35%);
182
- $subheader-font-weight: $font-weight-normal;
182
+ // $subheader-font-weight: $font-weight-normal;
183
183
  $subheader-top-margin: .2rem;
184
184
  $subheader-bottom-margin: .5rem;
185
185
 
@@ -1,4 +1,4 @@
1
- //APPLY TO EVERYTHING BE DEFAULT:
1
+ //APPLIES TO EVERYTHING:
2
2
  $rem-base: 16px;
3
3
  $base-font-size: 100%;
4
4
  $base-line-height: 150%;
@@ -1,22 +1,15 @@
1
- //IMPORT FONTS HERE Typekit vs google fonts
2
- // @import url(http://fonts.googleapis.com/css?family=Slabo+27px);
3
- // @import url(http://fonts.googleapis.com/css?family=Chivo);
4
- // @import url(http://fonts.googleapis.com/css?family=VT323);
1
+ //IMPORT FONTS HERE Typekit and Google Fonts
2
+ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
3
+ @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
4
+ @import url(http://fonts.googleapis.com/css?family=Inconsolata);
5
5
 
6
6
  //DEFAULTS
7
- $typeface-primary: sans-serif;
8
- $typeface-secondary: serif;
9
- $typeface-tertiary: monospace;
7
+ $typeface-primary: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
8
+ $typeface-secondary: "Roboto Slab", serif;
9
+ $typeface-tertiary: "Inconsolata", monospace;
10
10
  $normal-font-weight: 400;
11
-
12
- //FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
13
- $font-family-sans-serif: $typeface-primary;
14
- $font-family-serif: $typeface-secondary;
15
- $font-family-monospace: $typeface-tertiary;
16
- $body-bg: $white;//can use any from colors
17
- $body-font-color: rgba($black, $transparent-strong);
18
- $body-font-family: $font-family-sans-serif;
19
- $body-font-weight: $normal-font-weight;
11
+ $header-font-weight: 300;
12
+ $subheader-font-weight: 400;
20
13
 
21
14
  //FONT CLASSES TO GENERATE
22
15
  $typeface-classes: primary secondary tertiary;
@@ -36,4 +29,13 @@ $spacing-define: 0.2rem 1rem;
36
29
 
37
30
  @import "builders/build_typography"
38
31
 
39
- //TODO: COOL FONT SHADOW EFFECT ON http://fittextjs.com
32
+ //TODO: COOL FONT SHADOW EFFECT ON http://fittextjs.com
33
+
34
+ //FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
35
+ $font-family-sans-serif: $typeface-primary;
36
+ $font-family-serif: $typeface-secondary;
37
+ $font-family-monospace: $typeface-tertiary;
38
+ $body-bg: $white;//can use any from colors
39
+ $body-font-color: rgba($black, $transparent-strong);
40
+ $body-font-family: $font-family-sans-serif;
41
+ $body-font-weight: $normal-font-weight;
data/staple.gemspec CHANGED
@@ -4,9 +4,9 @@ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
4
 
5
5
  Gem::Specification.new do |spec|
6
6
  spec.name = "staple"
7
- spec.version = "0.1.6"
8
- spec.summary = "A high level ui generator. WIP."
9
- spec.description = "Coming Soon. Built on top of foundation."
7
+ spec.version = "0.1.7"
8
+ spec.summary = "A high level ui generator."
9
+ spec.description = "Built on top of foundation. See github readme for details."
10
10
  spec.authors = ["Ryan Helsing"]
11
11
  spec.email = ["ryan.helsing@centerian.com"]
12
12
  spec.homepage = "https://github.com/rhelsing/staple"
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: staple
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.6
4
+ version: 0.1.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ryan Helsing
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-11-14 00:00:00.000000000 Z
11
+ date: 2014-11-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: foundation-rails
@@ -66,7 +66,7 @@ dependencies:
66
66
  - - "~>"
67
67
  - !ruby/object:Gem::Version
68
68
  version: '2.1'
69
- description: Coming Soon. Built on top of foundation.
69
+ description: Built on top of foundation. See github readme for details.
70
70
  email:
71
71
  - ryan.helsing@centerian.com
72
72
  executables: []
@@ -124,5 +124,5 @@ rubyforge_project:
124
124
  rubygems_version: 2.4.2
125
125
  signing_key:
126
126
  specification_version: 4
127
- summary: A high level ui generator. WIP.
127
+ summary: A high level ui generator.
128
128
  test_files: []