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";