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 +4 -4
- data/README.md +3 -4
- data/source/stylesheets/staple/builders/build_buttons.scss +0 -12
- data/source/stylesheets/staple/buttons.scss +16 -1
- data/source/stylesheets/staple/colors.scss +3 -5
- data/source/stylesheets/staple/forms.scss +5 -1
- data/source/stylesheets/staple/init/overrides.scss +2 -2
- data/source/stylesheets/staple/sizes.scss +1 -1
- data/source/stylesheets/staple/typography.scss +19 -17
- data/staple.gemspec +3 -3
- metadata +4 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5c3ed784b29090f4c4f3e2669163749782cc72f6
|
4
|
+
data.tar.gz: 87caa3ec5a5dc22e2308655dfdb226deec4e0da7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
-
*
|
23
|
-
*
|
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
|
-
//
|
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?
|
@@ -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,22 +1,15 @@
|
|
1
|
-
//IMPORT FONTS HERE Typekit
|
2
|
-
|
3
|
-
|
4
|
-
|
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
|
-
|
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.
|
8
|
-
spec.summary = "A high level ui generator.
|
9
|
-
spec.description = "
|
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.
|
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-
|
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:
|
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.
|
127
|
+
summary: A high level ui generator.
|
128
128
|
test_files: []
|