huge-boilerplate-middleman 0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,41 @@
1
+ !!! 5
2
+
3
+ - html_conditional do
4
+
5
+ %head
6
+ %meta{:charset => "utf-8"}
7
+ %title PROJECT NAME
8
+
9
+ %meta{:content => "", :name => "description"}
10
+ %meta{:content => "", :name => "author"}
11
+
12
+ / Mobile viewport optimized: h5bp.com/viewport
13
+ %meta{:content => "width=device-width,initial-scale=1", :name => "viewport"}
14
+
15
+ = stylesheet_link_tag "global.css"
16
+ = yield_content :extra_stylesheets
17
+
18
+ %body
19
+
20
+ #container{:class => (yield_content :page_class)}
21
+ / Header - begin
22
+ #header
23
+ / Header - end
24
+
25
+ / Main - begin
26
+ #main{:role => "main"}
27
+ = yield
28
+ / Main - end
29
+
30
+ / Footer - begin
31
+ #footer
32
+ / Footer - end
33
+
34
+ = javascript_include_tag "//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
35
+
36
+ :javascript
37
+ window.jQuery || document.write('<script src="/javascripts/libs/jquery-1.7.1.js"><\/script>')
38
+
39
+ = javascript_include_tag "global.js"
40
+
41
+ = yield_content :extra_javascripts
@@ -0,0 +1,11 @@
1
+ - content_for :extra_stylesheets do
2
+ = stylesheet_link_tag "sample-page.css"
3
+
4
+ - content_for :extra_javascripts do
5
+ = javascript_include_tag "sample-page.js"
6
+
7
+ - content_for :page_class do
8
+ sample-page
9
+
10
+ %h1
11
+ Sample Page
@@ -0,0 +1,3 @@
1
+ @import "compass/css3"
2
+ @import "globals/html5reset"
3
+ @import "globals/placeholders"
@@ -0,0 +1,292 @@
1
+ /* HTML5 - Boilerplate
2
+ * ==|== normalize ==========================================================
3
+
4
+ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
5
+ display: block
6
+
7
+ audio, canvas, video
8
+ display: inline-block
9
+ *display: inline
10
+ *zoom: 1
11
+
12
+ audio:not([controls]), [hidden]
13
+ display: none
14
+
15
+ html
16
+ font-size: 100%
17
+ overflow-y: scroll
18
+ -webkit-text-size-adjust: 100%
19
+ -ms-text-size-adjust: 100%
20
+
21
+ body
22
+ margin: 0
23
+ font-size: 12px
24
+ line-height: 1.333
25
+ font-family: helvetica, arial, sans-serif
26
+ color: #423f3c
27
+
28
+ button, input, select, textarea
29
+ font-family: helvetica, arial, sans-serif
30
+ color: #423f3c
31
+
32
+ a
33
+ color: #35727f
34
+ text-decoration: none
35
+ &:hover
36
+ color: #43c5c3
37
+
38
+ abbr[title]
39
+ border-bottom: 1px dotted
40
+
41
+ b, strong
42
+ font-weight: bold
43
+
44
+ blockquote
45
+ margin: 1em 40px
46
+
47
+ dfn
48
+ font-style: italic
49
+
50
+ hr
51
+ display: block
52
+ height: 1px
53
+ border: 0
54
+ border-top: 1px solid #ccc
55
+ margin: 1em 0
56
+ padding: 0
57
+
58
+ ins
59
+ background: #ff9
60
+ color: #000
61
+ text-decoration: none
62
+
63
+ mark
64
+ background: #ff0
65
+ color: #000
66
+ font-style: italic
67
+ font-weight: bold
68
+
69
+ pre, code, kbd, samp
70
+ font-family: monospace, monospace
71
+ _font-family: 'courier new', monospace
72
+ font-size: 1em
73
+
74
+ pre
75
+ white-space: pre
76
+ white-space: pre-wrap
77
+ word-wrap: break-word
78
+
79
+ q
80
+ quotes: none
81
+ &:before, &:after
82
+ content: ""
83
+ content: none
84
+
85
+ small
86
+ font-size: 85%
87
+
88
+ sub
89
+ font-size: 75%
90
+ line-height: 0
91
+ position: relative
92
+ vertical-align: baseline
93
+
94
+ sup
95
+ font-size: 75%
96
+ line-height: 0
97
+ position: relative
98
+ vertical-align: baseline
99
+ top: -0.5em
100
+
101
+ sub
102
+ bottom: -0.25em
103
+
104
+ ul, ol
105
+ margin: 1em 0
106
+ padding: 0 0 0 40px
107
+
108
+ dd
109
+ margin: 0 0 0 40px
110
+
111
+ nav
112
+ ul, ol
113
+ list-style: none
114
+ list-style-image: none
115
+ margin: 0
116
+ padding: 0
117
+
118
+ img
119
+ border: 0
120
+ -ms-interpolation-mode: bicubic
121
+ vertical-align: middle
122
+
123
+ svg:not(:root)
124
+ overflow: hidden
125
+
126
+ figure, form
127
+ margin: 0
128
+
129
+ fieldset
130
+ border: 0
131
+ margin: 0
132
+ padding: 0
133
+
134
+ label
135
+ cursor: pointer
136
+
137
+ legend
138
+ border: 0
139
+ *margin-left: -7px
140
+ padding: 0
141
+
142
+ button, input, select, textarea
143
+ font-size: 100%
144
+ margin: 0
145
+ vertical-align: baseline
146
+ *vertical-align: middle
147
+
148
+ input[type="text"]:focus, textarea:focus, select:focus
149
+ border: 1px solid #65afda !important
150
+
151
+ button, input
152
+ line-height: normal
153
+ *overflow: visible
154
+
155
+ table
156
+ button, input
157
+ *overflow: auto
158
+
159
+ button
160
+ cursor: pointer
161
+ -webkit-appearance: button
162
+
163
+ input
164
+ &[type="button"], &[type="reset"], &[type="submit"]
165
+ cursor: pointer
166
+ -webkit-appearance: button
167
+ &[type="checkbox"], &[type="radio"]
168
+ box-sizing: border-box
169
+ &[type="search"]
170
+ -webkit-appearance: textfield
171
+ -moz-box-sizing: content-box
172
+ -webkit-box-sizing: content-box
173
+ box-sizing: content-box
174
+ &::-webkit-search-decoration
175
+ -webkit-appearance: none
176
+
177
+ button::-moz-focus-inner, input::-moz-focus-inner
178
+ border: 0
179
+ padding: 0
180
+
181
+ textarea
182
+ overflow: auto
183
+ vertical-align: top
184
+ resize: vertical
185
+
186
+ input:valid, textarea:valid
187
+
188
+ input:invalid, textarea:invalid
189
+ background-color: #f0dddd
190
+
191
+ table
192
+ border-collapse: collapse
193
+ border-spacing: 0
194
+
195
+ td
196
+ vertical-align: top
197
+
198
+ /* ==|== non-semantic helper classes ========================================
199
+
200
+ .ir
201
+ display: block
202
+ border: 0
203
+ text-indent: -999em
204
+ overflow: hidden
205
+ background-color: transparent
206
+ background-repeat: no-repeat
207
+ text-align: left
208
+ direction: ltr
209
+ br
210
+ display: none
211
+
212
+ .hidden
213
+ display: none !important
214
+ visibility: hidden
215
+
216
+ .visuallyhidden
217
+ border: 0
218
+ clip: rect(0 0 0 0)
219
+ height: 1px
220
+ margin: -1px
221
+ overflow: hidden
222
+ padding: 0
223
+ position: absolute
224
+ width: 1px
225
+ &.focusable
226
+ &:active, &:focus
227
+ clip: auto
228
+ height: auto
229
+ margin: 0
230
+ overflow: visible
231
+ position: static
232
+ width: auto
233
+
234
+ .invisible
235
+ visibility: hidden
236
+
237
+ .clearfix
238
+ &:before
239
+ content: ""
240
+ display: table
241
+ &:after
242
+ content: ""
243
+ display: table
244
+ clear: both
245
+ zoom: 1
246
+
247
+ /* ==|== media queries ======================================================
248
+
249
+ @media only screen and (min-width: 480px)
250
+
251
+ @media only screen and (min-width: 768px)
252
+
253
+ /* ==|== print styles =======================================================
254
+
255
+ @media print
256
+ *
257
+ background: transparent !important
258
+ color: black !important
259
+ text-shadow: none !important
260
+ filter: none !important
261
+ -ms-filter: none !important
262
+ a
263
+ text-decoration: underline
264
+ &:visited
265
+ text-decoration: underline
266
+ &[href]:after
267
+ content: " (" attr(href) ")"
268
+ abbr[title]:after
269
+ content: " (" attr(title) ")"
270
+ .ir a:after
271
+ content: ""
272
+ a
273
+ &[href^="javascript:"]:after, &[href^="#"]:after
274
+ content: ""
275
+ pre, blockquote
276
+ border: 1px solid #999
277
+ page-break-inside: avoid
278
+ thead
279
+ display: table-header-group
280
+ tr
281
+ page-break-inside: avoid
282
+ img
283
+ page-break-inside: avoid
284
+ max-width: 100% !important
285
+ @page
286
+ margin: 0.5cm
287
+
288
+ p, h2, h3
289
+ orphans: 3
290
+ widows: 3
291
+ h2, h3
292
+ page-break-after: avoid
@@ -0,0 +1,31 @@
1
+ // Mixins ---------------------------------------------------------------
2
+
3
+ =placeholder-style
4
+ color: #888
5
+ // add your defaults here.
6
+ // if you need more than one style-group you can either create several mixins,
7
+ // or just name the style-groups and take a single style-group-name argument.
8
+
9
+ =apply-placeholders
10
+ &::-webkit-input-placeholder
11
+ +placeholder-style
12
+ &:-moz-placeholder
13
+ +placeholder-style
14
+ &.placeholder
15
+ +placeholder-style
16
+
17
+ // Template --------------------------------------------------------------
18
+ // you can create as many templates as you need for your site
19
+
20
+ .placeholders
21
+ +apply-placeholders
22
+
23
+ // Placeholders --------------------------------------------------------------
24
+ // call the template with @extend when you can
25
+ // or, when fighting the cascade you can call the mixin
26
+
27
+ input, textarea
28
+ @extend .placeholders
29
+
30
+ .something
31
+ +apply-placeholders
metadata ADDED
@@ -0,0 +1,126 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: huge-boilerplate-middleman
3
+ version: !ruby/object:Gem::Version
4
+ hash: 9
5
+ prerelease:
6
+ segments:
7
+ - 0
8
+ - 1
9
+ version: "0.1"
10
+ platform: ruby
11
+ authors:
12
+ - Felipe Silva
13
+ autorequire:
14
+ bindir: bin
15
+ cert_chain: []
16
+
17
+ date: 2011-12-06 00:00:00 Z
18
+ dependencies:
19
+ - !ruby/object:Gem::Dependency
20
+ name: middleman
21
+ prerelease: false
22
+ requirement: &id001 !ruby/object:Gem::Requirement
23
+ none: false
24
+ requirements:
25
+ - - ~>
26
+ - !ruby/object:Gem::Version
27
+ hash: 31
28
+ segments:
29
+ - 2
30
+ - 0
31
+ - 8
32
+ version: 2.0.8
33
+ type: :runtime
34
+ version_requirements: *id001
35
+ - !ruby/object:Gem::Dependency
36
+ name: w3c_validators
37
+ prerelease: false
38
+ requirement: &id002 !ruby/object:Gem::Requirement
39
+ none: false
40
+ requirements:
41
+ - - ">="
42
+ - !ruby/object:Gem::Version
43
+ hash: 3
44
+ segments:
45
+ - 0
46
+ version: "0"
47
+ type: :runtime
48
+ version_requirements: *id002
49
+ - !ruby/object:Gem::Dependency
50
+ name: term-ansicolor
51
+ prerelease: false
52
+ requirement: &id003 !ruby/object:Gem::Requirement
53
+ none: false
54
+ requirements:
55
+ - - ">="
56
+ - !ruby/object:Gem::Version
57
+ hash: 3
58
+ segments:
59
+ - 0
60
+ version: "0"
61
+ type: :runtime
62
+ version_requirements: *id003
63
+ description: ""
64
+ email:
65
+ - felipef.silva@gmail.com
66
+ executables: []
67
+
68
+ extensions: []
69
+
70
+ extra_rdoc_files: []
71
+
72
+ files:
73
+ - .gitignore
74
+ - huge-boilerplate-middleman.gemspec
75
+ - lib/huge-boilerplate-middleman/Gemfile
76
+ - lib/huge-boilerplate-middleman/Gemfile.lock
77
+ - lib/huge-boilerplate-middleman/README.md
78
+ - lib/huge-boilerplate-middleman/RakeFile
79
+ - lib/huge-boilerplate-middleman/binaries/jslint4java-2.0.0.jar
80
+ - lib/huge-boilerplate-middleman/config.rb
81
+ - lib/huge-boilerplate-middleman/helpers/layout.rb
82
+ - lib/huge-boilerplate-middleman/helpers/util.rb
83
+ - lib/huge-boilerplate-middleman/source/javascripts/global.js
84
+ - lib/huge-boilerplate-middleman/source/javascripts/libs/jquery-1.7.1.js
85
+ - lib/huge-boilerplate-middleman/source/javascripts/sample-page.js
86
+ - lib/huge-boilerplate-middleman/source/layout.haml
87
+ - lib/huge-boilerplate-middleman/source/sample-page.html.haml
88
+ - lib/huge-boilerplate-middleman/source/stylesheets/global.css.sass
89
+ - lib/huge-boilerplate-middleman/source/stylesheets/globals/_html5reset.sass
90
+ - lib/huge-boilerplate-middleman/source/stylesheets/globals/_placeholders.sass
91
+ - lib/huge-boilerplate-middleman/source/stylesheets/sample-page.css.sass
92
+ homepage: http://middlemanapp.com
93
+ licenses:
94
+ - MIT
95
+ post_install_message: Huge boilerplate middleman installed.
96
+ rdoc_options: []
97
+
98
+ require_paths:
99
+ - lib
100
+ required_ruby_version: !ruby/object:Gem::Requirement
101
+ none: false
102
+ requirements:
103
+ - - ">="
104
+ - !ruby/object:Gem::Version
105
+ hash: 3
106
+ segments:
107
+ - 0
108
+ version: "0"
109
+ required_rubygems_version: !ruby/object:Gem::Requirement
110
+ none: false
111
+ requirements:
112
+ - - ">="
113
+ - !ruby/object:Gem::Version
114
+ hash: 3
115
+ segments:
116
+ - 0
117
+ version: "0"
118
+ requirements: []
119
+
120
+ rubyforge_project:
121
+ rubygems_version: 1.8.5
122
+ signing_key:
123
+ specification_version: 3
124
+ summary: Huge boilerplate to be used with middleman
125
+ test_files: []
126
+