staple 0.4.4 → 0.4.5

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