staple 0.1.6 → 0.1.7

Sign up to get free protection for your applications and to get access to all the features.
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: []