compass_extension 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/app/helpers/html5_boilerplate_helper.rb +63 -0
- data/lib/compass/h5bp/version.rb +6 -0
- data/lib/compass/h5bp.rb +7 -0
- data/lib/compass_extension.rb +9 -0
- data/stylesheets/_h5bp.scss +12 -0
- data/stylesheets/h5bp/_chromeframe.scss +7 -0
- data/stylesheets/h5bp/_helpers.scss +58 -0
- data/stylesheets/h5bp/_media.scss +23 -0
- data/stylesheets/h5bp/_normalize.scss +213 -0
- data/templates/project/_flashes.html.haml +4 -0
- data/templates/project/_footer.html.haml +2 -0
- data/templates/project/_head.html.haml +29 -0
- data/templates/project/_header.html.haml +1 -0
- data/templates/project/_javascripts.html.haml +37 -0
- data/templates/project/_stylesheets.html.haml +5 -0
- data/templates/project/application.html.haml +22 -0
- data/templates/project/files/404.html +38 -0
- data/templates/project/files/apple-touch-icon-114x114-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon-57x57-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon-72x72-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon.png +0 -0
- data/templates/project/files/crossdomain.xml +25 -0
- data/templates/project/files/favicon.ico +0 -0
- data/templates/project/files/favicon.png +0 -0
- data/templates/project/files/google.yml +22 -0
- data/templates/project/files/humans.txt +43 -0
- data/templates/project/files/robots.txt +5 -0
- data/templates/project/index.html.haml +83 -0
- data/templates/project/javascripts/jquery-1.7.2.js +9404 -0
- data/templates/project/javascripts/jquery-1.7.2.min.js +4 -0
- data/templates/project/javascripts/jquery-ui-1.8.22.min.js +85 -0
- data/templates/project/javascripts/modernizr-2.5.3.min.js +4 -0
- data/templates/project/javascripts/plugins.js +105 -0
- data/templates/project/javascripts/rails.js +368 -0
- data/templates/project/javascripts/respond.min.js +6 -0
- data/templates/project/javascripts/script.js +26 -0
- data/templates/project/manifest.rb +83 -2
- data/templates/project/partials/SCSS_template.scss +83 -0
- data/templates/project/partials/_base.scss +198 -0
- data/templates/project/partials/_fonts.scss +4 -0
- data/templates/project/partials/_footer.scss +83 -0
- data/templates/project/partials/_header.scss +83 -0
- data/templates/project/partials/_media.scss +38 -0
- data/templates/project/partials/_modules.scss +19 -0
- data/templates/project/partials/_overrides.scss +47 -0
- data/templates/project/partials/_page.scss +126 -0
- data/templates/project/partials/modules/_mod-breadcrumb.scss +83 -0
- data/templates/project/partials/modules/_mod-carousels.scss +83 -0
- data/templates/project/partials/modules/_mod-default.scss +83 -0
- data/templates/project/partials/modules/_mod-form.scss +83 -0
- data/templates/project/partials/modules/_mod-login.scss +83 -0
- data/templates/project/partials/modules/_mod-pagination.scss +83 -0
- data/templates/project/partials/modules/_mod-subnav.scss +83 -0
- data/templates/project/partials/modules/_mod-widget.scss +83 -0
- data/templates/project/style.scss +28 -0
- metadata +56 -3
- data/templates/project/screen.scss +0 -2
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
!!! 5
|
|
2
|
+
-# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
|
|
3
|
+
<!--[if lt IE 7]> <html lang="en" class="no-js ie6 oldie"> <![endif]-->
|
|
4
|
+
<!--[if IE 7]> <html lang="en" class="no-js ie7 oldie"> <![endif]-->
|
|
5
|
+
<!--[if IE 8]> <html lang="en" class="no-js ie8 oldie"> <![endif]-->
|
|
6
|
+
-# Consider adding an manifest.appcache: h5bp.com/d/Offline
|
|
7
|
+
<!--[if gt IE 8]><!-->
|
|
8
|
+
%html.no-js{ :lang => "en" }
|
|
9
|
+
<!--<![endif]-->
|
|
10
|
+
%head
|
|
11
|
+
%meta{ :charset => "utf-8" }/
|
|
12
|
+
|
|
13
|
+
-#
|
|
14
|
+
Use the .htaccess and remove these lines to avoid edge case issues.
|
|
15
|
+
More info: h5bp.com/b/378
|
|
16
|
+
%meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/
|
|
17
|
+
|
|
18
|
+
%title
|
|
19
|
+
%meta{ :name => "description", :content => "" }/
|
|
20
|
+
%meta{ :name => "author", :content => "" }/
|
|
21
|
+
|
|
22
|
+
-# Mobile viewport optimized: j.mp/bplateviewport
|
|
23
|
+
%meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/
|
|
24
|
+
|
|
25
|
+
-# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
|
|
26
|
+
|
|
27
|
+
-# CSS: implied media="all"
|
|
28
|
+
-# CSS concatenated and minified via ant build script
|
|
29
|
+
%link{ :rel => "stylesheet", :href => "css/style.css"}/
|
|
30
|
+
|
|
31
|
+
-#
|
|
32
|
+
All JavaScript at the bottom, except for Modernizr / Respond.
|
|
33
|
+
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
|
|
34
|
+
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/
|
|
35
|
+
%script{ :src => "js/modernizr-2.5.3.min.js" }
|
|
36
|
+
|
|
37
|
+
%body
|
|
38
|
+
#container
|
|
39
|
+
%header
|
|
40
|
+
#main{ :role => 'main' }
|
|
41
|
+
%footer
|
|
42
|
+
-# end of #container
|
|
43
|
+
|
|
44
|
+
-# Javascript at the bottom for fast page loading
|
|
45
|
+
|
|
46
|
+
-# Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline
|
|
47
|
+
%script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" }
|
|
48
|
+
%script
|
|
49
|
+
window.jQuery || document.write("<script src='js/jquery-1.7.2.min.js'>\x3C/script>")
|
|
50
|
+
|
|
51
|
+
-# Grab Google CDN's jQueryui, with a protocol relative URL; fall back to local if offline
|
|
52
|
+
%script{ :src => "//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" }
|
|
53
|
+
%script
|
|
54
|
+
window.jQuery || document.write("<script src='js/jquery-ui-1.8.22.min.js'>\x3C/script>")
|
|
55
|
+
|
|
56
|
+
-# Add respond.js if ie < 8
|
|
57
|
+
<!--[if lt IE 9]>
|
|
58
|
+
%script{ :src => "js/respond.min.js" }
|
|
59
|
+
|
|
60
|
+
-# scripts concatenated and minified via ant build script
|
|
61
|
+
%script{ :src => "js/plugins.js" }
|
|
62
|
+
%script{ :src => "js/script.js" }
|
|
63
|
+
-# end scripts
|
|
64
|
+
|
|
65
|
+
-# asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
|
|
66
|
+
-# change the UA-XXXXX-X to be your site's ID
|
|
67
|
+
%script
|
|
68
|
+
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
|
|
69
|
+
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
|
70
|
+
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
|
71
|
+
s.parentNode.insertBefore(g,s)}(document,"script"));
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
-#
|
|
76
|
+
Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
|
|
77
|
+
chromium.org/developers/how-tos/chrome-frame-getting-started
|
|
78
|
+
|
|
79
|
+
<!--[if lt IE 7]>
|
|
80
|
+
%script{ :src => "//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js" }
|
|
81
|
+
%script
|
|
82
|
+
window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})});
|
|
83
|
+
<![endif]-->
|