shoestrap 1.0.0.pre2 → 1.0.0.pre3

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