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 +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: []
|