yamlcss 1.0.0

data/yaml/sass/yaml-sass/print/_print.scss

@@ -0,0 +1,61 @@
+@import "yaml-sass/yaml-var-typography";
+
+@media print {
+
+	/**
+	* @section basic layout preparation
+	*/
+
+	/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */
+	/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
+	body {
+		font-size: $ym-print-fontsize;
+		padding: 0 5px;
+	}
+
+	/* (en) Hide unneeded container of the screenlayout in print layout */
+	/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+	nav,
+	.ym-searchform {
+		display:none;
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/* (en) Avoid page breaks right after headings */
+	/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		page-break-after:avoid;
+	}
+
+	@if $ym-print-abbreviation == true {
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/* (en) optional output of acronyms and abbreviations*/
+	/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
+
+		abbr[title]:after,
+		acronym[title]:after {
+			content:'(' attr(title) ')';
+		}
+	}
+
+	@if $ym-print-href == true {
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/* (en) optional URL output of hyperlinks in print layout */
+	/* (de) optionale Ausgabe der URLs von Hyperlinks */
+
+		a[href]:after {
+			content:" <URL:"attr(href)">";
+			color:#444;
+			background:inherit;
+			font-style:italic;
+		}
+	}
+}

data/yaml/sass/yaml-sass/screen/_grid-960gs-12.scss

@@ -0,0 +1,4 @@
+@import "../_yaml-var-globals",
+		"../mixins/yaml-mixins-core";
+
+@include ym-custom-grid("g960",12, 960px, 10px, 10px);

data/yaml/sass/yaml-sass/screen/_grid-960gs-16.scss

@@ -0,0 +1,4 @@
+@import "../_yaml-var-globals",
+		"../mixins/yaml-mixins-core";
+
+@include ym-custom-grid("g960",16, 960px, 10px, 10px);

data/yaml/sass/yaml-sass/screen/_grid-blueprint.scss

@@ -0,0 +1,4 @@
+@import "../_yaml-var-globals",
+		"../mixins/yaml-mixins-core";
+
+@include ym-custom-grid("span", 24, 960px, 0, 10px);

data/yaml/sass/yaml-sass/screen/_grid-fluid-12col.scss

@@ -0,0 +1,4 @@
+@import "../_yaml-var-globals",
+		"../mixins/yaml-mixins-core";
+
+@include ym-custom-grid("span", 12, 100%, 0, 10px);

data/yaml/sass/yaml-sass/screen/_screen-FULLPAGE-layout.scss

@@ -0,0 +1,171 @@
+@import "../_yaml-var-globals",
+		"../mixins/yaml-mixins-core";
+
+@media screen {
+
+	/* force vertical scrollbar */
+	body {
+		overflow-y: scroll;
+	}
+
+	/* Layout Module Configuration */
+	.ym-wrapper {
+		max-width: 80em;
+		margin: 0 auto;
+	}
+
+	.ym-wbox {
+		padding: 1.5em;
+	}
+
+	/* fallback for missing media queries support*/
+	body {
+		& > header,
+		& > nav,
+		& > main,
+		& > footer {
+			min-width: 760px;
+		}
+	}
+
+	/* Basic Element Styling */
+	header {
+		background: #444;
+		color: #ccc;
+
+		h1 {
+			background: transparent;
+			color: #fff;
+		}
+
+		.ym-wbox {
+			padding: 1.5em;
+		}
+	}
+
+	nav {
+		background: #222222;
+	}
+
+	main {
+		.info {
+			margin-bottom: 1.5em;
+		}
+		aside .ym-gbox-right {
+			border-left: 1px #ddd solid;
+		}
+	}
+
+	footer {
+		background: #eee;
+		color: #444;
+
+		p {
+			margin: 0;
+		}
+
+		.ym-wbox {
+			padding: 1.5em;
+		}
+	}
+
+	.ym-gbox { padding: 0 1.5em; }
+	.ym-gbox-left { padding: 0 1.5em 0 0; }
+	.ym-gbox-right { padding: 0 0 0 1.5em; }
+
+	/* skip links styling */
+	.ym-skiplinks {
+		a.ym-skip:focus,
+		a.ym-skip:active {
+			color:#fff;
+			background:#333;
+			border-bottom:1px #000 solid;
+			padding:10px 0;
+			text-align: center;
+			text-decoration:none;
+		}
+	}
+}
+
+/* reset fallback values in modern browsers */
+@media screen and ( min-width: 0px ) {
+
+	body {
+		& > header,
+		& > nav,
+		& > main,
+		& > footer {
+			min-width: 0;
+		}
+	}
+}
+
+@media screen and ( max-width: 760px ) {
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+	.linearize-level-1 {
+		@include ym-linearize-grids-and-columns();
+	}
+
+	.secondary {
+		border-top: 1px #888 solid;
+		margin-top: 1.5em !important;
+		padding-top: 1.5em !important;
+	}
+
+	main aside .ym-gbox-right {
+		border: 0 none;
+	}
+
+	.ym-searchform {
+		display:block;
+		float: none;
+		width: auto;
+		text-align: right;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 14%;
+	}
+}
+
+@media screen and ( max-width: 480px) {
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+	.linearize-level-2 {
+		@include ym-linearize-grids-and-columns();
+	}
+
+	header {
+		.ym-wbox {
+			padding: 0.75em 10px;
+		}
+
+		h1 {
+			font-size: 1.5em;
+			line-height: 1em;
+			margin: 0;
+		}
+	}
+
+	footer .ym-wbox,
+	.ym-wbox,
+	.ym-searchform,
+	nav .ym-hlist ul {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	.ym-searchform,
+	nav .ym-hlist ul,
+	nav .ym-hlist li {
+		display:block;
+		float: none;
+		width: auto;
+		text-align: left;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 75%;
+	}
+}

data/yaml/sass/yaml-sass/screen/_screen-PAGE-layout.scss

@@ -0,0 +1,165 @@
+@import "../_yaml-var-globals",
+		"../mixins/yaml-mixins-core";
+
+@media screen {
+
+	/* force vertical scrollbar */
+	body {
+		overflow-y: scroll;
+	}
+
+	/* Layout Module Configuration & fallback for unsupported media queries */
+	.ym-wrapper {
+		min-width: 760px;
+		max-width: 80em;
+		margin: 0 auto;
+	}
+
+	.ym-wbox { padding: 10px; }
+
+	/* Basic Element Styling */
+	header {
+		background: #444;
+		color: #ccc;
+		padding: 1.5em;
+
+		h1 {
+			background: transparent;
+			color: #fff;
+		}
+	}
+
+	nav {
+		background: #222222;
+	}
+
+	main {
+		padding: 1.5em 0 0 0;
+	}
+
+	footer {
+		margin: 0;
+		background: #eee;
+		color: #444;
+		padding: 1.5em;
+
+		p {
+			margin: 0;
+		}
+	}
+
+	/* Column-Set Configuration: 1-3 (sidebar right) */
+	.ym-column {
+		display:block;
+		overflow:hidden;
+		padding-right: 340px;
+		width:auto;
+	}
+
+	/* content - column */
+	.ym-col1 {
+		float:left;
+		width: 100%;
+	}
+
+	/* sidebar - column */
+	.ym-col3 {
+		position:relative;
+		float:left;
+		width: 340px;
+		margin-left:0;
+		margin-right:-340px;
+	}
+
+	.ym-col1 .ym-cbox { padding: 0 0.75em 0 1.5em; }
+	.ym-col3 .ym-cbox { padding: 0 20px 0 12px; }
+
+	.ym-gbox { padding: 0 1.5em 0 0; }
+
+	/* skip links styling */
+	.ym-skiplinks {
+		a.ym-skip:focus,
+		a.ym-skip:active {
+			color:#fff;
+			background:#333;
+			border-bottom:1px #000 solid;
+			padding:10px 0;
+			text-align: center;
+			text-decoration:none;
+		}
+	}
+}
+
+/* reset fallback values in modern browsers */
+@media screen and ( min-width: 0px ) {
+	.ym-wrapper {
+		min-width: 0px;
+	}
+}
+
+@media screen and ( max-width: 760px ) {
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+	.linearize-level-1 {
+		@include ym-linearize-grids-and-columns();
+	}
+
+	nav .ym-hlist ul {
+		padding-right: 10px;
+	}
+
+	.ym-searchform {
+		display:block;
+		float: none;
+		width: auto;
+		padding-right: 10px;
+		text-align: right;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 14%;
+	}
+}
+
+@media screen and ( max-width: 480px) {
+
+	.ym-wbox {
+		padding: 0;
+	}
+
+	header {
+		padding: 0.75em 10px;
+
+		h1 {
+			font-size: 1.5em;
+			line-height: 1em;
+			margin: 0;
+		}
+	}
+
+	footer,
+	main,
+	.ym-searchform,
+	nav .ym-hlist ul {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+	.linearize-level-2 {
+		@include ym-linearize-grids-and-columns();
+	}
+
+	.ym-searchform,
+	nav .ym-hlist ul,
+	nav .ym-hlist li {
+		display:block;
+		float: none;
+		width: auto;
+		text-align: left;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 75%;
+	}
+}

data/yaml/sass/yaml-sass/screen/_typography.scss

@@ -0,0 +1,485 @@
+@import "../yaml-var-typography",
+		"../mixins/yaml-mixins-core";
+
+@media all {
+
+	/*!
+	* @section global typography settings
+	*
+	* vertical rhythm settings (based on em-unit)
+	* -------------------------------------------
+	* basefont-size:  #{$ym-base-font-size}px (#{$ym-base-font-size/$ym-default-font-size*100}%)
+	* line-height  :  #{$ym-base-line-height}px (factor: #{$ym-base-line-height / $ym-base-font-size}) */
+
+	/* (en) reset font size for all elements to standard (16 Pixel) */
+	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
+
+	html * { font-size:100%; }
+
+	/**
+	* (en) reset monospaced elements to font size 16px in all browsers
+	* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
+	*
+	* @see: http://webkit.org/blog/67/strange-medium/
+	*/
+
+	textarea,
+	pre,
+	code,
+	kbd,
+	samp,
+	var,
+	tt {
+		font-family: $ym-font-monospace;
+	}
+
+	/*! font-size: #{$ym-base-font-size}px; */
+	body {
+		font-family: $ym-font-serif;
+		font-size: $ym-base-font-size / $ym-default-font-size * 100%;
+		color: $ym-text-color;
+	}
+
+	/*--- Headings | Überschriften ------------------------------------------------------------------------*/
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-family: $ym-font-sans;
+		font-weight: 400;
+		color: $ym-headings-color;
+		margin: 0;
+	}
+
+	h1 {
+		/*! font-size: #{$ym-base-font-size * $ym-h1-font-scale}px; */
+		font-size: $ym-h1-font-scale * 100%;
+		line-height: 2 * $line-height / $ym-h1-font-scale;
+		margin: 0 0 $line-height / $ym-h1-font-scale*1em 0;
+	}
+
+	h2 {
+		/*! font-size: #{$ym-base-font-size * $ym-h2-font-scale}px; */
+		font-size: $ym-h2-font-scale * 100%;
+		line-height: 2 * $line-height / $ym-h2-font-scale;
+		margin: 0 0 $line-height / $ym-h2-font-scale*1em 0;
+	}
+
+	h3 {
+		/*! font-size: #{$ym-base-font-size * $ym-h3-font-scale}px; */
+		font-size: $ym-h3-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-h3-font-scale;
+		margin: 0 0 $line-height / $ym-h3-font-scale*1em 0;
+	}
+
+	h4 {
+		/*! font-size: #{$ym-base-font-size * $ym-h4-font-scale}px; */
+		font-size: $ym-h4-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-h4-font-scale;
+		margin: 0 0 $line-height / $ym-h4-font-scale*1em 0;
+	}
+
+	h5 {
+		/*! font-size: #{$ym-base-font-size * $ym-h5-font-scale}px; */
+		font-size: $ym-h5-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-h5-font-scale;
+		margin: 0 0 $line-height / $ym-h5-font-scale*1em 0;
+	}
+
+	h6 {
+		/*! font-size: #{$ym-base-font-size * $ym-h6-font-scale}px; */
+		font-size: $ym-h6-font-scale * 100%;
+		font-weight: bold;
+		line-height: 1 * $line-height / $ym-h6-font-scale;
+		margin: 0 0 $line-height / $ym-h6-font-scale*1em 0;
+	}
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		font-size: $ym-text-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-text-font-scale;
+		margin: 0 0 $line-height / $ym-text-font-scale*1em 0;
+	}
+
+	ul {
+		list-style-type:disc;
+	}
+
+	ol {
+		list-style-type:decimal;
+	}
+
+	ul ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	ol ol {
+		list-style-type:lower-latin;
+		margin-top:0;
+	}
+
+	ol ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	li {
+		font-size: $ym-text-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-text-font-scale;
+		margin-left: 1.2em;
+	}
+
+	dt {
+		font-weight:bold;
+	}
+
+	dd {
+		margin: 0 0 $line-height*1em 0.8em;
+	}
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	p {
+		font-size: $ym-text-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-text-font-scale;
+		margin: 0 0 $line-height / $ym-text-font-scale*1em 0;
+	}
+
+	blockquote,
+	cite,
+	q {
+		font-family: $ym-font-serif;
+		font-style: italic;
+	}
+
+	blockquote {
+		background: $ym-blockquote-bg-color;
+		color: $ym-blockquote-text-color;
+		margin: $line-height * 1em 0 0 1.5em;
+	}
+
+	strong,
+	b {
+		font-weight: bold;
+	}
+
+	em,
+	i {
+		font-style: italic;
+	}
+
+	big {
+		/*! font-size: #{$ym-base-font-size * $ym-text-big-font-scale}px; */
+		font-size: $ym-text-big-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-text-big-font-scale;
+	}
+
+	small {
+		/*! font-size: #{$ym-base-font-size * $ym-text-small-font-scale}px; */
+		font-size: $ym-text-small-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-text-small-font-scale;
+	}
+
+	pre,
+	code,
+	kbd,
+	tt,
+	samp,
+	var {
+		font-size: $ym-text-font-scale * 100%;
+	}
+
+	pre {
+		font-size: $ym-text-font-scale * 100%;
+		line-height: 1 * $line-height / $ym-text-font-scale;
+		margin: 0 0 $line-height / $ym-text-font-scale*1em 0;
+		white-space: pre;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+	pre,
+	code {
+		color: $ym-pre-text-color;
+	}
+
+	kbd,
+	samp,
+	var,
+	tt {
+		color: $ym-kbd-text-color;
+		font-weight: bold;
+	}
+
+	var,
+	dfn {
+		font-style: italic;
+	}
+
+	acronym,
+	abbr {
+		border-bottom: 1px #aaa dotted;
+		font-variant: small-caps;
+		letter-spacing: .07em;
+		cursor: help;
+	}
+
+	sub,
+	sup {
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+		vertical-align: baseline;
+	}
+
+	sup { top: -0.5em; }
+	sub { bottom: -0.25em; }
+
+	mark {
+		background: $ym-mark-bg-color;
+		color: $ym-mark-text-color;
+	}
+
+	hr {
+		color: #fff;
+		background: transparent;
+		margin: 0 0 $line-height / 2 * 1em 0;
+		padding: 0 0 (($ym-base-line-height / 2 - 1 ) / ($ym-base-line-height / 2 )) / 2 * $line-height * 1em 0;
+		border: 0;
+		border-bottom: 1px $ym-hr-color solid;
+	}
+
+	/*--- Links ----------------------------------------------------------------------------------------- */
+
+	a {
+		color: $ym-link-text-color;
+		background: $ym-link-bg-color;
+		text-decoration: none;
+	}
+
+	a:active { outline: none; }
+
+	/* (en) maximum constrast for tab focus - change with great care */
+	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+	a:hover,
+	a:focus {
+		background-color: $ym-link-focus-bg-color;
+		color: $ym-link-focus-text-color;
+		text-decoration: none;
+	}
+
+	/* --- images ------------------ */
+
+	img,
+	figure {
+		margin: 0;
+	}
+
+	.flexible {
+		margin-bottom: $line-height*1em;
+		max-width: 100%;
+		height: auto;
+	}
+
+	/* IE6 workaround - 2% space for possible borders */
+	* html .flexible {
+		width: 98%;
+	}
+
+	.bordered {
+		margin-bottom: $line-height*1em;
+		border: 2px #eee solid;
+		border: 2px rgba(255,255,255,1) solid;
+		@include ym-box-shadow(0,0,3px,rgba(0,0,0,.25));
+	}
+
+	/**
+	* ----------------------------------------------------------------------- #
+	*
+	* Generic Content Classes
+	*
+	* (en) standard classes for positioning and highlighting
+	* (de) Standardklassen zur Positionierung und Hervorhebung
+	*
+	* @section content-generic-classes
+	*/
+	.highlight {
+		color: $ym-highlight-text-color;
+	}
+
+	.dimmed {
+		color: $ym-dimmed-text-color;
+	}
+
+	.box {
+		border-radius: 0.3em;
+		border-width: 1px;
+		border-style: solid;
+		border-color: #888;
+		border-color: rgba(0,0,0,.3);
+		@include ym-box-shadow(1px,1px,3px,rgba(0,0,0,.2),inset);
+		color: #444;
+		color: rgba(0,0,0,.8);
+		padding: ($ym-base-line-height - 1) / $ym-base-line-height * $line-height * 1em;
+		margin: 0 0 $line-height*1em 0;
+
+		& > *:last-child {
+			margin-bottom: 0;
+		}
+	}
+
+	.label {
+		font-family: Verdana, Geneva, sans-serif;
+		padding: 1px 6px 2px;
+		display: inline-block;
+		vertical-align: middle;
+		letter-spacing: normal;
+		white-space: nowrap;
+		border-radius: 3px;
+		background: #06C;
+		color: #fff;
+		font-size: 10px;
+		line-height: 12px;
+	}
+
+	.info {
+		background: $ym-highlight-info-color;
+	}
+
+	.success {
+		background: $ym-highlight-success-color;
+	}
+
+	.warning {
+		background: $ym-highlight-warning-color;
+	}
+
+	.error {
+		background: $ym-highlight-error-color;
+	}
+
+	.float-left {
+		float: left;
+		display: inline;
+		margin: 0 1em $line-height*1em 0;
+	}
+
+	.float-right {
+		float: right;
+		display: inline;
+		margin: 0 0 $line-height*1em 1em;
+	}
+
+	.center {
+		display: block;
+		text-align: center;
+		margin: 0 auto $line-height*1em auto;
+	}
+
+	/**
+	* ------------------------------------------------------------------------------------------------- #
+	*
+	* Tables | Tabellen
+	*
+	* (en) Generic classes for table-width and design definition
+	* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+	*
+	* @section content-tables
+	*/
+
+	table {
+		width: 100%;
+		border-collapse: collapse;
+		color: $ym-text-color;
+		border-top: 1px #ccc solid;
+		border-bottom: 1px #ccc solid;
+		margin: 0 0 ($ym-base-line-height - 2 ) / $ym-base-line-height * $line-height * 1em 0;
+
+		&.narrow {
+			margin: 0 0 ($ym-base-line-height - 1 ) / $ym-base-line-height * $line-height * 1em 0;
+
+			th,
+			td {
+				padding: 0 0.5em;
+				line-height: ($ym-base-line-height - 1 ) / $ym-base-line-height * $line-height;
+			}
+		}
+
+		&.fixed {
+			table-layout: fixed;
+		}
+
+		&.bordertable {
+			border: 1px #ccc solid;
+
+			thead th {
+				background: #e0e0e0;
+				border-right: 1px #ccc solid;
+				border-bottom: 1px #ccc solid;
+			}
+
+			tbody {
+				th[scope="row"] {
+					background: #f0f0f0;
+				}
+				th {
+					border-right: 1px solid #ccc;
+				}
+				td {
+					border-right: 1px solid #ccc;
+				}
+			}
+		}
+	}
+
+	caption {
+		font-variant:small-caps;
+	}
+
+	th,
+	td {
+		line-height: $line-height * 1em;
+		vertical-align: top;
+		padding: ($ym-base-line-height - 1 ) / $ym-base-line-height * $line-height / 2 * 1em 0.5em;
+	}
+
+	th *:first-child,
+	td *:first-child {
+		margin-top: 0;
+	}
+
+	th.nowrap,
+	td.nowrap {
+		white-space: nowrap;
+	}
+
+	thead th {
+		text-align: left;
+		color: #000;
+		border-bottom: 2px #000 solid;
+	}
+
+	tbody {
+		th {
+			text-align: left;
+			border-top: 1px solid #ccc;
+		}
+
+		td {
+			text-align: left;
+			border-top: 1px solid #ccc;
+		}
+
+		/* highlight row on mouse over */
+		tr:hover th,
+		tr:hover td {
+			background:#f8f8f8;
+		}
+	}
+}