shoestrap 1.0.0.pre2 → 1.0.0.pre3

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 (36) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +3 -1
  3. data/features/shoestrap/commands/new_command_spec.rb +7 -8
  4. data/features/shoestrap/generators/cms_generator_spec.rb +2 -0
  5. data/features/shoestrap/generators/foundation_generator_spec.rb +4 -2
  6. data/features/shoestrap/generators/smacss_files_generator_spec.rb +13 -8
  7. data/lib/generators/shoestrap/cms_generator.rb +11 -5
  8. data/lib/generators/shoestrap/foundation_generator.rb +5 -2
  9. data/lib/generators/shoestrap/smacss_file_generator.rb +14 -5
  10. data/lib/shoestrap/cli.rb +5 -0
  11. data/lib/shoestrap/version.rb +1 -1
  12. data/shoestrap.gemspec +7 -0
  13. data/spec/shoestrap/application_generator_spec.rb +1 -2
  14. data/templates/application_generator/_typekit.html.haml +1 -1
  15. data/templates/application_generator/application.html.haml +26 -7
  16. data/templates/application_generator/application_template.rb +6 -1
  17. data/templates/application_generator/modernizr.js +812 -0
  18. data/templates/coffee_files_generator/application.js.coffee +4 -0
  19. data/templates/foundation_generator/_mixin.css.sass +13 -0
  20. data/templates/foundation_generator/_settings.css.sass +27 -1
  21. data/templates/foundation_generator/ie.css.sass +5 -0
  22. data/templates/foundation_generator/{_ie8_grid.css → large/_ie8_grid.css} +0 -0
  23. data/templates/foundation_generator/large/_ie8_top_bar.css.sass +124 -0
  24. data/templates/smacss_files_generator/application.css.sass +10 -4
  25. data/templates/smacss_files_generator/ie8.css.sass +3 -0
  26. data/templates/smacss_files_generator/large/_layout.css.sass +0 -0
  27. data/templates/smacss_files_generator/large/_states.css.sass +0 -0
  28. data/templates/smacss_files_generator/large/modules/.empty_directory +0 -0
  29. data/templates/smacss_files_generator/large/modules/_empty.css +0 -0
  30. data/templates/smacss_files_generator/partials/_footer.html.haml +3 -0
  31. data/templates/smacss_files_generator/partials/_header.html.haml +12 -0
  32. data/templates/smacss_files_generator/small/_base.css.sass +0 -0
  33. data/templates/smacss_files_generator/small/_layout.css.sass +0 -0
  34. data/templates/smacss_files_generator/small/_states.css.sass +0 -0
  35. data/templates/smacss_files_generator/small/modules/.empty_directory +0 -0
  36. metadata +18 -3
@@ -1,3 +1,7 @@
1
1
  #= require jquery
2
2
  #= require jquery_ujs
3
3
  #= require turbolinks
4
+
5
+ # add "main" Element to modernizr
6
+ window.html5.elements = "main"
7
+ window.html5.shivDocument document
@@ -0,0 +1,13 @@
1
+ =retina-image($image_name, $extension: '.png')
2
+ background:
3
+ image: image-url($image_name + $extension)
4
+ image: none, image-url($image_name + '.svg')
5
+ repeat: no-repeat
6
+
7
+ //
8
+ // Easily create media queried variants of your style
9
+ // Usage: +respond-from(small|medium|large) ...
10
+ //
11
+ =respond-from($media)
12
+ @media #{$media}
13
+ @content
@@ -9,11 +9,32 @@ $green: green
9
9
  // FOUNDATION SETTINGS
10
10
  //
11
11
  $base-font-size: 16px !default
12
- $em-base: $base-font-size
12
+ $em-base: 16
13
+
14
+ @function strip-unit($num)
15
+ @return $num / ($num * 0 + 1)
16
+
17
+ @function convert-to-em($value)
18
+ $value: +strip-unit($value) / strip-unit($em-base) * 1em
19
+ @if $value == 0em
20
+ $value: 0
21
+ @return $value
13
22
 
14
23
  @function emCalc($pxWidth)
15
24
  @return $pxWidth / $em-base * 1em
16
25
 
26
+ @function emCalc($values...)
27
+ $max: length($values)
28
+
29
+ @if $max == 1
30
+ @return +convert-to-em(nth($values, 1))
31
+
32
+ $emValues: ()
33
+ @for $i from 1 through $max
34
+ $emValues: append($emValues, convert-to-em(nth($values, $i)))
35
+
36
+ @return $emValues
37
+
17
38
  // Colors
18
39
  $primary-color: $red
19
40
  $secondary-color: $blue
@@ -44,6 +65,11 @@ $shiny-edge-size: 0 1px 0
44
65
  $shiny-edge-color: rgba(#fff, .5)
45
66
  $shiny-edge-active-color: rgba(#000, .2)
46
67
 
68
+ // Media Queries
69
+ $small-screen: 768px
70
+ $medium-screen: 1280px
71
+ $large-screen: 1440px
72
+
47
73
  // Typo
48
74
  $header-font-family: Helvetica, Arial, sans-serif
49
75
  $header-font-weight: 400
@@ -0,0 +1,5 @@
1
+ @import large/ie8_grid
2
+ @import large/ie8_top_bar
3
+ @import large/layout
4
+ @import large/states
5
+ @import large/modules/*
@@ -0,0 +1,124 @@
1
+ .lt-ie9 .top-bar
2
+ *zoom: 1
3
+ overflow: visible
4
+
5
+ &:before,
6
+ &:after
7
+ content: " "
8
+ display: table
9
+
10
+ &:after
11
+ clear: both
12
+
13
+ .toggle-topbar
14
+ display: none
15
+
16
+ .title-area
17
+ float: left
18
+
19
+ .name h1 a
20
+ width: auto
21
+
22
+ input,
23
+ .button
24
+ line-height: 2em
25
+ font-size: 0.875em
26
+ height: 2em
27
+ padding: 0 10px
28
+ position: relative
29
+ top: 8px
30
+
31
+ &.expanded
32
+
33
+ .lt-ie9 .contain-to-grid .top-bar
34
+ max-width: 57.5em
35
+ margin: 0 auto
36
+
37
+ .lt-ie9 .top-bar-section
38
+ -webkit-transition: none 0 0
39
+ -moz-transition: none 0 0
40
+ transition: none 0 0
41
+ left: 0 !important
42
+
43
+ ul
44
+ width: auto
45
+ height: auto !important
46
+ display: inline
47
+
48
+ li
49
+ float: left
50
+
51
+ > a
52
+ padding-right: 14px !important
53
+
54
+ .js-generated
55
+ display: none
56
+
57
+ li a:not(.button)
58
+ padding: 0 15px
59
+ line-height: 45px
60
+
61
+ &:hover
62
+
63
+ .has-dropdown
64
+ > a
65
+ padding-right: 35px !important
66
+
67
+ &:after
68
+ content: ""
69
+ display: block
70
+ width: 0
71
+ height: 0
72
+ border: solid 5px
73
+ margin-top: -2.5px
74
+
75
+ .moved
76
+ position: relative
77
+
78
+ > .dropdown
79
+ visibility: hidden
80
+
81
+ &:hover > .dropdown,
82
+ &:active > .dropdown
83
+ visibility: visible
84
+
85
+ .dropdown li.has-dropdown > a:after
86
+ border: none
87
+ content: "\00bb"
88
+ margin-top: -7px
89
+ right: 5px
90
+
91
+ .dropdown
92
+ left: 0
93
+ top: auto
94
+ background: transparent
95
+
96
+ li a
97
+ line-height: 1
98
+ white-space: nowrap
99
+ padding: 7px 15px
100
+
101
+ li label
102
+ white-space: nowrap
103
+
104
+ li .dropdown
105
+ left: 100%
106
+ top: 0
107
+
108
+ > ul > .divider
109
+ border-bottom: none
110
+ border-top: none
111
+ clear: none
112
+ height: 45px
113
+ width: 0px
114
+
115
+ .has-form
116
+ padding: 0 15px
117
+ height: 45px
118
+
119
+ ul.right li .dropdown
120
+ left: auto
121
+ right: 0
122
+
123
+ ul.right li .dropdown li .dropdown
124
+ right: 100%
@@ -8,11 +8,17 @@
8
8
  @import mixins
9
9
 
10
10
  // Project base styles
11
- @import base
11
+ @import small/base
12
12
 
13
13
  // Project layout styles
14
- @import layout
15
- @import states
14
+ @import small/layout
15
+ @import small/states
16
16
 
17
17
  // Project modules
18
- @import modules/*
18
+ @import small/modules/*
19
+
20
+ // IMPORT STYLESHEETS FOR LARGE VIEWPORT
21
+ @media #{$small}
22
+ @import large/layout
23
+ @import large/states
24
+ @import large/modules/*
@@ -0,0 +1,3 @@
1
+ @import large/layout
2
+ @import large/states
3
+ @import large/modules/*
@@ -0,0 +1,3 @@
1
+ .row
2
+ %section.columns.large-12
3
+ Footer
@@ -0,0 +1,12 @@
1
+ .row
2
+ .columns.large-12
3
+ %nav#main-nav.top-bar{role: "navigation"}
4
+ %ul.title-area
5
+ %li.name
6
+ %h1
7
+ %a.hide-text{ href: "/"}
8
+ %li.toggle-topbar.menu-icon
9
+ %a{ href: "#"}
10
+ %span Menü
11
+ %section.top-bar-section
12
+ = render_navigation
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: shoestrap
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0.pre2
4
+ version: 1.0.0.pre3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Felipe Kaufmann
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-09-03 00:00:00.000000000 Z
11
+ date: 2013-09-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -228,17 +228,32 @@ files:
228
228
  - templates/application_generator/favicons/favicon-sc-129x129.png
229
229
  - templates/application_generator/favicons/favicon-sc-16x16.ico
230
230
  - templates/application_generator/favicons/favicon-sc-32x32.png
231
+ - templates/application_generator/modernizr.js
231
232
  - templates/bdd_generator/active_record_spec_helper.rb
232
233
  - templates/bdd_generator/dotrspec
233
234
  - templates/bdd_generator/fast_spec_helper.rb
234
235
  - templates/bdd_generator/spec_helper.rb
235
236
  - templates/cms_generator/base_controller.rb
236
237
  - templates/coffee_files_generator/application.js.coffee
237
- - templates/foundation_generator/_ie8_grid.css
238
+ - templates/foundation_generator/_mixin.css.sass
238
239
  - templates/foundation_generator/_settings.css.sass
240
+ - templates/foundation_generator/ie.css.sass
241
+ - templates/foundation_generator/large/_ie8_grid.css
242
+ - templates/foundation_generator/large/_ie8_top_bar.css.sass
239
243
  - templates/kuhsaft_generator/kuhsaft.rb
240
244
  - templates/simple_navigation_generator/navigation.rb
241
245
  - templates/smacss_files_generator/application.css.sass
246
+ - templates/smacss_files_generator/ie8.css.sass
247
+ - templates/smacss_files_generator/large/_layout.css.sass
248
+ - templates/smacss_files_generator/large/_states.css.sass
249
+ - templates/smacss_files_generator/large/modules/.empty_directory
250
+ - templates/smacss_files_generator/large/modules/_empty.css
251
+ - templates/smacss_files_generator/partials/_footer.html.haml
252
+ - templates/smacss_files_generator/partials/_header.html.haml
253
+ - templates/smacss_files_generator/small/_base.css.sass
254
+ - templates/smacss_files_generator/small/_layout.css.sass
255
+ - templates/smacss_files_generator/small/_states.css.sass
256
+ - templates/smacss_files_generator/small/modules/.empty_directory
242
257
  homepage: https://github.com/screenconcept/shoestrap
243
258
  licenses:
244
259
  - MIT