templates/sass.rb in prologue-0.2.0 vs templates/sass.rb in prologue-0.3.0
- old
+ new
@@ -1,80 +1,20 @@
run 'mkdir public/stylesheets/sass'
create_file 'public/stylesheets/sass/main.scss' do
<<-FILE
+@import "reset";
+@import "common";
@mixin layout_base {
@include reset;
@include container;
@include user_nav;
@include main_nav;
//uncomment for a handy layout guide
@include layout_guide;
}
-@mixin reset {
- /*
- html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
- v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
- html5doctor.com/html-5-reset-stylesheet/
- */
-
- html, body, div, span, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- abbr, address, cite, code,
- del, dfn, em, img, ins, kbd, q, samp,
- small, strong, sub, sup, var,
- b, i,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section, summary,
- time, mark, audio, video {
- margin:0;
- padding:0;
- border:0;
- outline:0;
- font-size:100%;
- vertical-align:baseline;
- background:transparent;
- }
-
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display:block;
- }
-
- nav ul { list-style:none; }
-
- blockquote, q { quotes:none; }
-
- blockquote:before, blockquote:after,
- q:before, q:after { content:''; content:none; }
-
- a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
-
- ins { background-color:#ff9; color:#000; text-decoration:none; }
-
- mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
-
- del { text-decoration: line-through; }
-
- abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
-
- /* tables still need cellspacing="0" in the markup */
- table { border-collapse:collapse; border-spacing:0; }
-
- hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
-
- input, select { vertical-align:middle; }
-}
-
-@mixin clear_left {
- float: left; clear: both;
-}
-
@mixin container($container_size: 950px) {
#container {
width: $container_size;
clear:both;
padding: 0 20px;
@@ -134,9 +74,79 @@
#content { background-color: #f2f7dd; }
#main_footer .inner { background-color: #ddf7e7; }
}
@include layout_base;
+FILE
+end
+
+create_file 'public/stylesheets/sass/reset.scss' do
+<<-FILE
+@mixin reset {
+ /*
+ html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+ html5doctor.com/html-5-reset-stylesheet/
+ */
+
+ html, body, div, span, object, iframe,
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+ abbr, address, cite, code,
+ del, dfn, em, img, ins, kbd, q, samp,
+ small, strong, sub, sup, var,
+ b, i,
+ dl, dt, dd, ol, ul, li,
+ fieldset, form, label, legend,
+ table, caption, tbody, tfoot, thead, tr, th, td,
+ article, aside, canvas, details, figcaption, figure,
+ footer, header, hgroup, menu, nav, section, summary,
+ time, mark, audio, video {
+ margin:0;
+ padding:0;
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+ }
+
+ article, aside, details, figcaption, figure,
+ footer, header, hgroup, menu, nav, section {
+ display:block;
+ }
+
+ nav ul { list-style:none; }
+
+ blockquote, q { quotes:none; }
+
+ blockquote:before, blockquote:after,
+ q:before, q:after { content:''; content:none; }
+
+ a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+
+ ins { background-color:#ff9; color:#000; text-decoration:none; }
+
+ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+
+ del { text-decoration: line-through; }
+
+ abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
+
+ /* tables still need cellspacing="0" in the markup */
+ table { border-collapse:collapse; border-spacing:0; }
+
+ hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+ input, select { vertical-align:middle; }
+}
+FILE
+end
+
+create_file 'public/stylesheets/sass/common.scss' do
+<<-FILE
+@mixin clear_left {
+ float: left; clear: both;
+}
FILE
end
run 'sass public/stylesheets/sass/main.scss public/stylesheets/main.css'
\ No newline at end of file