staple 0.4.4 → 0.4.5

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.
Files changed (17) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +10 -3
  3. data/source/styles/buttons/kmc.scss +15 -0
  4. data/source/styles/buttons/themes/kmc.theme +1 -5
  5. data/source/styles/colors/themes/kmc.theme +8 -0
  6. data/source/styles/forms/kmc-shadow-focus.scss +4 -0
  7. data/source/styles/forms/kmc-shadow.scss +4 -0
  8. data/source/styles/forms/themes/kmc.theme +3 -0
  9. data/source/styles/forms/transparent-error.scss +2 -2
  10. data/source/styles/staple/builders/build_sizes.scss +10 -0
  11. data/source/styles/staple/builders/build_typography.scss +9 -0
  12. data/source/styles/staple/buttons.scss +4 -3
  13. data/source/styles/staple/sizes.scss +17 -15
  14. data/source/styles/staple/typography.scss +4 -0
  15. data/source/styles/tables/themes/kmc.theme +3 -0
  16. data/staple.gemspec +1 -1
  17. metadata +8 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 53a69af5323ce35cecb784339c0baf0ece6e637d
4
- data.tar.gz: ef47841273a14628524ca6b9dbc8ef9e43c57e3d
3
+ metadata.gz: 0828a727dab2ee2d199e38280c061434fbf459f5
4
+ data.tar.gz: efe99323c8169222de53f5e84045ea6534a443f5
5
5
  SHA512:
6
- metadata.gz: 065d5d4043650d281f3c40e68242dd4b8344c90473b82aa5c9f1e8e3207794041e6cbcf3515372ec2ab820ed2fc2e27ed4103630371401b0fff68bfa3ade17df
7
- data.tar.gz: b0e202226e063b06a0104804f1182836b1a14a39d59fd87810cd9bd9c53de03dc216a94218bc34ae7147786f6da5569fccc96658187db5622fd0a826ec229b0c
6
+ metadata.gz: 02973e57b7ed5cc0afe7602cac58875323c45befff5d72b935cb0daa0080bb01e2c7f21bcfd741a92a978486cfc44b6a47f68bdabb257b36edff20c49083c507
7
+ data.tar.gz: ae7ba1bb83dd6750da36067c9af6166b21532ccd0b18fd425386d8dd1f6aa2abf63a62c778f384cce85e11269c3734347e4262dd204e1f4bb7b91a542d0a9860
data/README.md CHANGED
@@ -8,15 +8,23 @@ a modular ui framework for rails built on top of foundation and sass.
8
8
  * keep it simple
9
9
 
10
10
  ##todo
11
+ * simplify into foundation extension
12
+ * dont require rails
13
+ * standalone templates, sass, css files
14
+ * my default configuration
15
+ * drop in elements
16
+
17
+ :OLD
18
+ * integrate newest version of foundation
11
19
  * integrate navs, etc? (as elements?)
12
20
  * import web components
13
21
  * define custom themes and patterns per project
22
+ * create executables w/ help options
14
23
 
15
24
  ##lower priority todo
16
25
  * don't require other gems
17
26
  * integration with existing projects
18
27
  * reinstall places foundation again then does replace, separate generator for update?
19
- * create executables
20
28
  * Demarcate each pattern in scss (atom) with comment
21
29
  * add colors to accent, buttons? gen?
22
30
  * seperate if file contains into method.
@@ -32,7 +40,6 @@ a modular ui framework for rails built on top of foundation and sass.
32
40
  * border-size
33
41
  * change amount (color dif, hover dif)
34
42
  * refactor generator code from low priority
35
- * add are you sure? to staple:reset
36
43
  * why does success (others too | nav button) button go darker?
37
44
  * white/black swap shouldn't affect buttons
38
45
 
@@ -41,7 +48,7 @@ a modular ui framework for rails built on top of foundation and sass.
41
48
  ```ruby
42
49
  #Gemfile
43
50
  gem 'slim-rails'
44
- gem 'foundation-rails'
51
+ gem 'foundation-rails', '5.4.5.0'
45
52
  gem 'font-awesome-rails'
46
53
  gem 'simple_form'
47
54
  gem 'staple'
data/source/styles/buttons/kmc.scss ADDED
@@ -0,0 +1,15 @@
1
+ border-radius:3px;
2
+ -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3), inset 0px 0px 3px 1px darken($primary-color, 2);
3
+ -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3), inset 0px 0px 3px 1px darken($primary-color, 2);
4
+ box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3), inset 0px 0px 3px 1px darken($primary-color, 2);
5
+ background-color:$primary-color;
6
+ border:1px solid darken($primary-color, 10);
7
+ border-top: 2px solid lighten($primary-color, 2);
8
+ border-bottom: 1px solid darken($primary-color, 4);
9
+ text-shadow: 1px 1px darken($primary-color, 5);
10
+ color:#fff;
11
+ font-weight: 600;
12
+ font-size: 13px;
13
+ letter-spacing: 1px;
14
+ padding: 14px 30px 14px 30px;
15
+ text-decoration:none;
data/source/styles/buttons/themes/kmc.theme CHANGED
@@ -1,5 +1 @@
1
- gradient
2
- shiny
3
- text-shadow
4
- shadow
5
- radius
1
+ kmc
data/source/styles/colors/themes/kmc.theme ADDED
@@ -0,0 +1,8 @@
1
+ primary-color:#2980b9
2
+ complement-color:#27ae60
3
+ secondary-color:#f1c40f
4
+ tertiary-color:#2c3e50
5
+ topbar-bg-color:#fff
6
+ topbar-text-color:'rgba($black, $transparent-strong)'
7
+ body-bg:#FFF
8
+ body-font-color:'rgba($black, $transparent-strong)'
data/source/styles/forms/kmc-shadow-focus.scss ADDED
@@ -0,0 +1,4 @@
1
+ background: #fff;
2
+ -moz-box-shadow: inset 0 0 5px rgba(50,50,50,0.1);
3
+ -webkit-box-shadow: inset 0 0 5px rgba(50,50,50,0.1);
4
+ box-shadow: inset 0 0 5px rgba(50,50,50,0.1);
data/source/styles/forms/kmc-shadow.scss ADDED
@@ -0,0 +1,4 @@
1
+ background: #f9f9f9;
2
+ -moz-box-shadow: inset 0 0 5px rgba(50,50,50,0.1);
3
+ -webkit-box-shadow: inset 0 0 5px rgba(50,50,50,0.1);
4
+ box-shadow: inset 0 0 5px rgba(50,50,50,0.1);
data/source/styles/forms/themes/kmc.theme ADDED
@@ -0,0 +1,3 @@
1
+ radius
2
+ kmc-shadow
3
+ transparent
data/source/styles/forms/transparent-error.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  [data-abide] .error small.error{
2
- background: white;
3
- border-color: white;
2
+ background: transparent;
3
+ border-color: transparent;
4
4
  color: $alert-color;
5
5
  font-weight: 200;
6
6
  margin: 0;
data/source/styles/staple/builders/build_sizes.scss CHANGED
@@ -4,6 +4,11 @@
4
4
  .#{$class}{
5
5
  padding: $padding;
6
6
  }
7
+ @media #{$small-only} {
8
+ .#{$class}{
9
+ padding: 5px;
10
+ }
11
+ }
7
12
  }
8
13
 
9
14
  @each $class in $margin-classes{
@@ -12,6 +17,11 @@
12
17
  .#{$class}{
13
18
  margin: $margin;
14
19
  }
20
+ @media #{$small-only} {
21
+ .#{$class}{
22
+ margin: 5px;
23
+ }
24
+ }
15
25
  }
16
26
 
17
27
  //UNCOMMENT IF USING MARGIN ON SPECIFIC SIDES
data/source/styles/staple/builders/build_typography.scss CHANGED
@@ -32,4 +32,13 @@
32
32
  .#{$class}{
33
33
  letter-spacing: $spacing;
34
34
  }
35
+ }
36
+
37
+ @each $class in $lheight-classes{
38
+ $i: index($lheight-classes, $class);
39
+ $lheight: nth($lheight-define, $i);
40
+
41
+ .#{$class}{
42
+ line-height: $lheight;
43
+ }
35
44
  }
data/source/styles/staple/buttons.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  //DEFAULT
2
- .button, input[type="submit"]{
2
+ .button, input[type="submit"], button{
3
+ cursor: pointer;
3
4
  background-color: $primary-color;
4
5
  color: set-text-color($primary-color);
5
6
  font-weight: 200;
@@ -8,12 +9,12 @@
8
9
  outline: none;
9
10
  transition: background-color 150ms ease-out;//&*default
10
11
  }
11
- .button:hover{
12
+ .button:hover, input[type="submit"]:hover, button:hover{
12
13
  background-color: lighten($primary-color, $transition-brighten);//&*hover
13
14
  }//&*append
14
15
 
15
16
  //BUTTON CLASSES TO GENERATE: (look in colors)
16
- $button-classes: primary compliment secondary tertiary;
17
+ $button-classes: primary complement secondary tertiary;
17
18
  $button-define: $primary-color $complement-color $secondary-color $tertiary-color;
18
19
 
19
20
  @import 'builders/build_buttons'
data/source/styles/staple/sizes.scss CHANGED
@@ -3,12 +3,26 @@ $rem-base: 16px;
3
3
  $base-font-size: 100%;
4
4
  $base-line-height: 150%;
5
5
 
6
+ //FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
7
+ //GRID
8
+ $row-width: rem-calc(1000);
9
+ $total-columns: 12;
10
+ $column-gutter: rem-calc(3);
11
+ //MEDIA QUERIES
12
+ $small-range: (0em, 40em);
13
+ $medium-range: (40.063em, 64em);
14
+ $large-range: (64.063em, 90em);
15
+ $xlarge-range: (90.063em, 120em);
16
+ $xxlarge-range: (120.063em, 99999999em);
17
+ $screen: "only screen" !default;
18
+ $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;
19
+
6
20
  $default-border-size: 1px;
7
21
 
8
22
 
9
23
  //SPECIFY ADDITIONAL CLASSES TO GENERATE
10
- $padding-classes: pad1 pad2;
11
- $padding-define: 1rem 2rem;
24
+ $padding-classes: pad1 pad2 pad3;
25
+ $padding-define: 1rem 2rem 3rem;
12
26
 
13
27
  $margin-classes: margin1 margin2;
14
28
  $margin-define: 1rem 2rem;
@@ -34,16 +48,4 @@ $margin-define: 1rem 2rem;
34
48
 
35
49
 
36
50
  //GENERATE
37
- @import 'builders/build_sizes';
38
-
39
- //FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
40
- //GRID
41
- $row-width: rem-calc(1000);
42
- $total-columns: 12;
43
- $column-gutter: rem-calc(3);
44
- //MEDDIA QUERIES
45
- $small-range: (0em, 40em);
46
- $medium-range: (40.063em, 64em);
47
- $large-range: (64.063em, 90em);
48
- $xlarge-range: (90.063em, 120em);
49
- $xxlarge-range: (120.063em, 99999999em);
51
+ @import 'builders/build_sizes';
data/source/styles/staple/typography.scss CHANGED
@@ -32,6 +32,10 @@ $transform-define: uppercase lowercase capitalize;
32
32
  $spacing-classes: sleak wide;
33
33
  $spacing-define: 0.2rem 1rem;
34
34
 
35
+ //line-height varients
36
+ $lheight-classes: large xlarge;
37
+ $lheight-define: 1.3rem 2rem;
38
+
35
39
  @import "builders/build_typography"
36
40
 
37
41
  //TODO: COOL FONT SHADOW EFFECT ON http://fittextjs.com
data/source/styles/tables/themes/kmc.theme ADDED
@@ -0,0 +1,3 @@
1
+ hilight
2
+ horizontal-lines
3
+ stripe
data/staple.gemspec CHANGED
@@ -4,7 +4,7 @@ $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.4.4"
7
+ spec.version = "0.4.5"
8
8
  spec.summary = "Modular UI framework for rails built on top of foundation and sass"
9
9
  spec.description = "a modular ui framework for rails built on top of foundation and sass."
10
10
  spec.authors = ["Ryan Helsing"]
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.4.4
4
+ version: 0.4.5
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-12-22 00:00:00.000000000 Z
11
+ date: 2015-03-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: foundation-rails
@@ -95,6 +95,7 @@ files:
95
95
  - source/styles/buttons/gradient.scss
96
96
  - source/styles/buttons/inverse-transparent.scss
97
97
  - source/styles/buttons/inverse.scss
98
+ - source/styles/buttons/kmc.scss
98
99
  - source/styles/buttons/radius.scss
99
100
  - source/styles/buttons/round.scss
100
101
  - source/styles/buttons/shadow.scss
@@ -107,11 +108,14 @@ files:
107
108
  - source/styles/colors/blue.color
108
109
  - source/styles/colors/themes/default.theme
109
110
  - source/styles/colors/themes/flatland.theme
111
+ - source/styles/colors/themes/kmc.theme
110
112
  - source/styles/colors/themes/peace.theme
111
113
  - source/styles/colors/themes/plastic.theme
112
114
  - source/styles/forms/2px-border-focus.scss
113
115
  - source/styles/forms/2px-border.scss
114
116
  - source/styles/forms/bubble-error.scss
117
+ - source/styles/forms/kmc-shadow-focus.scss
118
+ - source/styles/forms/kmc-shadow.scss
115
119
  - source/styles/forms/margin-bottom.scss
116
120
  - source/styles/forms/plastic-bubble-error.scss
117
121
  - source/styles/forms/plastic-bubble-focus.scss
@@ -123,6 +127,7 @@ files:
123
127
  - source/styles/forms/shaded.scss
124
128
  - source/styles/forms/themes/flat.theme
125
129
  - source/styles/forms/themes/gradient.theme
130
+ - source/styles/forms/themes/kmc.theme
126
131
  - source/styles/forms/themes/plastic.theme
127
132
  - source/styles/forms/themes/pro.theme
128
133
  - source/styles/forms/tight-error.scss
@@ -166,6 +171,7 @@ files:
166
171
  - source/styles/tables/hilight.scss
167
172
  - source/styles/tables/horizontal-lines.scss
168
173
  - source/styles/tables/stripe.scss
174
+ - source/styles/tables/themes/kmc.theme
169
175
  - source/styles/tables/themes/plastic.theme
170
176
  - source/styles/typography/droid-serif-import.scss
171
177
  - source/styles/typography/droid-serif.typeface