templates/admin/sass.rb in prologue-0.4.0 vs templates/admin/sass.rb in prologue-0.5.0

- old
+ new

@@ -1,80 +1,43 @@ create_file 'public/stylesheets/sass/admin.scss' do <<-FILE -@import "reset"; -@import "common"; -@mixin layout_base { - @include reset; - @include container; - @include user_admin_nav; - @include main_admin_nav; - //uncomment for a handy layout guide - @include layout_guide; -} +@import "partials/admin_variables"; +@import "partials/fonts"; +@import "partials/defaults"; +@import "partials/media"; -@mixin container($container_size: 950px) { - #container { - width: $container_size; - clear:both; - padding: 0 20px; - min-height: 100%; - height: auto !important; - height: 100%; - margin: 0 auto -80px; - } - #main_admin_header { - width: $container_size; - height: 60px; - @include clear_left; - h1 { - float: left; - padding: 20px 0 0 0; - font-size: 24px; - font-weight: bold; - } - } - #content { - width: $container_size; - @include clear_left; - padding: 10px 0 20px 0; - } - #main_admin_footer, #pusher { - height: 80px; - clear:both; - } +@mixin admin { + @include fonts; + @include defaults; + @include media; } +@include admin; +FILE +end -@mixin user_admin_nav { - #user_admin_nav { - float: right; - padding: 20px 0 0 0; - } -} +create_file 'public/stylesheets/sass/partials/_admin_variables.scss' do +<<-FILE +$base-font-family: unquote('sans-serif'); // default font-family -@mixin main_admin_nav { - #main_admin_nav { - width: 950px; - @include clear_left; - padding: 10px 0; - ul { - @include clear_left; - li { - float: left; - padding: 0 15px 0 0; - } - } - } -} +$base-font-size: 13px; // default font-size for YUI fonts -@mixin layout_guide { - #container { background-color: #e8e6e6; } - #main_admin_header { background-color: #f7dddd; } - #main_admin_nav { background-color: #f4ddf7; } - #content { background-color: #f2f7dd; } - #main_admin_footer .inner { background-color: #ddf7e7; } -} +$base-line-height: 1.231; // default line-height for YUI fonts -@include layout_base; +$font-color: #444; + +$link-color: #607890; + +$link-hover-color: #036; + +$link-active-color: #607890; + +$link-visited-color: #607890; + +$selected-font-color: #fff; // color for selected text + +$selected-background-color: #ff5E99; // bg-color for selected text + +$list-left-margin: 1.8em; // left margin for ul an ol FILE end -run 'sass public/stylesheets/sass/admin.scss public/stylesheets/admin.css' \ No newline at end of file +run 'sass public/stylesheets/sass/admin.scss public/stylesheets/admin.css'