templates/project/basemod.scss in cyaml-0.0.22 vs templates/project/basemod.scss in cyaml-0.0.23

- old
+ new

@@ -2,26 +2,19 @@ $layout_width: 1000px; $layout_max_width: $layout_width; $layout_min_width: $layout_width; $display_3rd_column: none; /* (none|block) */ +$header_height: 200px; +$content_height: auto; +$footer_height: 50px; +$width_c1: 25%; +$width_c2: 50%; +$width_c3: auto; +@import "default_includes"; - -/* import core styles | Basis-Stylesheets einbinden */ -@import "cyaml/core/base"; - -/* import screen layout | Screen-Layout einbinden */ -@import "cyaml/navigation/nav_shinybuttons"; - -@import "cyaml/screen/content"; - -/* import print layout | Druck-Layout einbinden */ -@import "cyaml/print/print_draft"; - - - /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework * (en) stylesheet for screen layout * (de) Stylesheet für das Bildschirm-Layout * @@ -56,21 +49,24 @@ /* Layout Properties | Layout-Eigenschaften */ .page { padding: 10px; } #header { padding: 45px 2em 1em 20px; + height: $header_height; color: #000; background: #fff; } #nav { overflow: hidden; } div.hlist {} #main { margin: 10px 0; + height: $content_height; background: #fff; } #footer { padding: 10px 20px; color: #666; + height: $footer_height; background: #f9f9f9; border-top: 5px #efefef solid; } /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung */ #nav ul { margin-left: 20px; } @@ -80,24 +76,23 @@ * (de) Formatierung der Inhalts-Container * */ #col1 { float: left; - width: 25%; + width: $width_c1; margin: 0; } #col2 { float: left; - width: 50%; + width: $width_c2; margin: 0; } #col3 { - width: auto; + width: $width_c3; margin: 0 0 0 75%; display: $display_3rd_column; } #col1_content { padding: 0 10px 0 20px; } #col2_content { padding: 0 10px; } #col3_content { padding: 0 20px 0 10px; } -@import "project.scss";