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