yamlcss 1.0.0

data/yaml/sass/yaml-sass/core/base-modules/_columns.scss

@@ -0,0 +1,27 @@
+@if $ym-base-columns == true {
+	/**
+	* @section Column Module
+	*
+	* default column config:
+	* |-------------------------------|
+	* | col1    | col3      | col2    |
+	* | 20%     | flexible  | 20%     |
+	* |-------------------------------|
+	*/
+
+	.ym-column {
+		@include ym-contain(dt);
+	}
+
+	.ym-col1 { float:left; width:$ym-column-width; }
+	.ym-col2 { float:right; width:$ym-column-width; }
+	.ym-col3 { width:auto; margin:0 $ym-column-width; }
+
+	.ym-cbox { padding: 0 $ym-cbox-padding }
+	.ym-cbox-left { padding: 0 $ym-cbox-padding 0 0 }
+	.ym-cbox-right { padding: 0 0 0 $ym-cbox-padding }
+
+	/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
+	/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
+	.ym-ie-clearing { display:none; }
+}

data/yaml/sass/yaml-sass/core/base-modules/_float-handling.scss

@@ -0,0 +1,32 @@
+@if $ym-base-floathandling == true {
+	/**
+	* @section Float Handling Module
+	*/
+
+	/* (en) clearfix method for clearing floats */
+	/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
+	.ym-clearfix:before {
+		content:"";
+		display:table;
+	}
+	.ym-clearfix:after {
+		clear:both;
+		content:".";
+		display:block;
+		font-size:0;
+		height:0;
+		visibility:hidden;
+	}
+
+	/* (en) alternative solutions to contain floats */
+	/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
+	.ym-contain-dt {
+		@include ym-contain(dt);
+	}
+	.ym-contain-oh {
+		@include ym-contain(oh);
+	}
+	.ym-contain-fl {
+		@include ym-contain(fl);
+	}
+}

data/yaml/sass/yaml-sass/core/base-modules/_forms-core.scss

@@ -0,0 +1,296 @@
+@if $ym-base-forms == true {
+	/**
+	* @section Form Module
+	*/
+
+	/** Vertical-Forms - technical base (standard)
+	*
+	* |-------------------------------|
+	* | form                          |
+	* |-------------------------------|
+	* |   label                       |
+	* |   input / select / textarea   |
+	* |-------------------------------|
+	* | /form                         |
+	* |-------------------------------|
+	*
+	* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
+	* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
+	*/
+
+	.ym-form,
+	.ym-form fieldset { overflow:hidden; }
+
+	.ym-form {
+		div { position:relative; }
+
+		label,
+		.ym-label,
+		.ym-message {
+			position:relative;
+			line-height: 1.5;
+			display:block; //important for Safari
+		}
+
+		.ym-message {
+			clear: both;
+		}
+
+		.ym-fbox-check label {
+			display:inline;
+		}
+
+		input,
+		textarea { cursor:text; }
+
+		.ym-fbox-check input,
+		input[type="image"],
+		input[type="radio"],
+		input[type="checkbox"],
+		select,
+		label {
+			cursor:pointer;
+		}
+
+		// small adjustments for Internet Explorer - all versions
+		textarea {
+			overflow: auto;
+		}
+
+		// Hiding of hidden fields (otherwise ugly spaces in Firefox)
+		// Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox)
+		input.hidden,
+		input[type=hidden] {
+			display:none !important;
+		}
+
+		// styling containing DIV elements
+		// Gestaltung der kapselnden DIV-Elemente
+		.ym-fbox:before,
+		.ym-fbox-text:before,
+		.ym-fbox-select:before,
+		.ym-fbox-check:before,
+		.ym-fbox-button:before {
+			content:"";
+			display:table;
+		}
+
+		.ym-fbox:after,
+		.ym-fbox-text:after,
+		.ym-fbox-select:after,
+		.ym-fbox-check:after,
+		.ym-fbox-button:after {
+			clear:both;
+			content:".";
+			display:block;
+			font-size:0;
+			height:0;
+			visibility:hidden;
+		}
+
+		// avoid jumping checkboxes & radiobuttons in IE8
+		.ym-fbox-check input:focus,
+		.ym-fbox-check input:hover,
+		.ym-fbox-check input:active,
+		input[type="radio"]:focus,
+		input[type="radio"]:hover,
+		input[type="radio"]:active,
+		input[type="checkbox"]:focus,
+		input[type="checkbox"]:hover,
+		input[type="checkbox"]:active {
+			border:0 none;
+		}
+
+		// styling standard form elements with 'almost' equal flexible width
+		// Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite
+
+		// default form element width
+		input,
+		textarea,
+		select {
+			display:block;
+			position:relative;
+			@include ym-box-sizing(border-box);
+			width:70%;
+		}
+
+		// overrule width settings for inline form elements ...
+		.ym-fbox-check input,
+		input[type="radio"],
+		input[type="checkbox"] {
+			display: inline;
+			margin-left: 0;
+			margin-right: 0.5ex;
+			width: auto;
+			height: auto;
+		}
+
+		input[type="image"] {
+			border: 0;
+			display: inline;
+			height: auto;
+			margin: 0;
+			padding: 0;
+			width: auto;
+		}
+
+		label,
+		.ym-label {
+			@include ym-box-sizing(border-box);
+		}
+
+		// styling buttons
+		.ym-fbox-button {
+			input {
+				display: inline;
+				overflow:visible;  // Fixes IE7 auto-padding bug
+				width:auto;
+			}
+		}
+
+		.ym-inline {
+			display: inline-block;
+			float: none; // reset columnar floating ...
+			margin-right: 0; // reset rounding tolerance ...
+			width: auto;
+			vertical-align: baseline;
+		}
+	}
+
+	/* default form wrapper width */
+	.ym-fbox-wrap {
+		display: table;
+		table-layout: fixed;
+		width: 70%;
+
+		input,
+		textarea,
+		select {
+			width: 100%;
+		}
+
+		input[type="image"] {
+			width: auto;
+		}
+
+		input[type="radio"],
+		input[type="checkbox"] {
+			display: inline;
+			width: auto;
+			margin-left: 0;
+			margin-right: 0.5ex;
+		}
+
+		label,
+		.ym-label {
+			display: inline;
+		}
+	}
+
+	.ym-full {
+		input,
+		textarea,
+		select {
+			width:100%;
+		}
+		.ym-fbox-wrap {
+			width: 100%;
+		}
+	}
+
+	/**
+	*  Columnar forms display - technical base (optional)
+	*
+	*  |-------------------------------------------|
+	*  | form                                      |
+	*  |-------------------------------------------|
+	*  |                                           |
+	*  |   label   |   input / select / textarea   |
+	*  |                                           |
+	*  |-------------------------------------------|
+	*  | /form                                     |
+	*  |-------------------------------------------|
+	*
+	*  (en) Styling of forms where label floats left of form-elements
+	*  (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+	*/
+
+	.ym-columnar {
+		// Columnar display
+		// Spalten-Darstellung
+
+		input,
+		textarea,
+		select {
+			float:left;
+			margin-right: -3px;
+		}
+
+		label,
+		.ym-label {
+			display:inline;
+			float:left;
+			width:30%; // Can be fixed width too | Kann auch eine fixe Angabe sein
+			z-index: 1;
+		}
+
+		// Indent Checkbox fields to match label-width
+		// Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+		.ym-fbox-check input,
+		.ym-message {
+			margin-left:30%;
+		}
+
+		// reset indention for wrapped form elements ...
+		.ym-fbox-wrap {
+			margin-left: 30%;
+			margin-right: -3px;
+
+			.ym-message {
+				margin-left: 0%;
+			}
+
+			label {
+				float:none;
+				width:auto;
+				z-index: 1;
+				margin-left: 0;
+			}
+
+			input {
+				margin-left: 0;
+				position:relative;
+			}
+		}
+
+		.ym-fbox-check {
+			position:relative;
+
+			label,
+			.ym-label {
+				padding-top: 0;
+			}
+
+			input {
+				top: 3px;
+			}
+		}
+
+		.ym-fbox-button {
+			input {
+				float:none;
+				margin-right: 1em;
+			}
+		}
+	}
+
+	.ym-fbox-wrap + .ym-fbox-wrap {
+		margin-top: 0.5em;
+	}
+
+	/* global and local columnar settings for button alignment */
+	.ym-columnar fieldset .ym-fbox-button,
+	fieldset.ym-columnar .ym-fbox-button {
+		padding-left:30%;
+	}
+}

data/yaml/sass/yaml-sass/core/base-modules/_grids-core.scss

@@ -0,0 +1,55 @@
+@if $ym-base-grids == true {
+
+	/**
+	* @section Grid Module
+	*/
+
+	.ym-grid {
+		@include ym-contain(dt);
+		list-style-type: none;
+		padding-left:0;
+		padding-right:0;
+		margin-left:0;
+		margin-right:0;
+	}
+
+	.ym-gl {
+		float:left;
+		margin: 0;
+	}
+
+	.ym-gr {
+		float:right;
+		margin: 0 0 0 $ym-rounding-tolerance;
+	}
+
+	.ym-g20 { width:20%; }
+	.ym-g40 { width:40%; }
+	.ym-g60 { width:60%; }
+	.ym-g80 { width:80%; }
+	.ym-g25 { width:25%; }
+	.ym-g33 { width:33.333%; }
+	.ym-g50 { width:50%; }
+	.ym-g66 { width:66.666%; }
+	.ym-g75 { width:75%; }
+	.ym-g38 { width:38.2%; }
+	.ym-g62 { width:61.8%; }
+
+	.ym-gbox { padding: 0 $ym-gbox-padding }
+	.ym-gbox-left { padding: 0 $ym-gbox-padding 0 0 }
+	.ym-gbox-right { padding: 0 0 0 $ym-gbox-padding }
+
+	.ym-equalize { overflow:hidden; }
+
+	.ym-equalize > [class*="ym-g"] {
+		display:table-cell;
+		float:none;
+		margin:0;
+		vertical-align:top;
+	}
+
+	.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
+		padding-bottom: 10000px;
+		margin-bottom: -10000px
+	}
+}

data/yaml/sass/yaml-sass/core/base-modules/_normalization.scss

@@ -0,0 +1,165 @@
+@if $ym-base-normalization == true {
+	/**
+	 *  @section Normalisation Module
+	 */
+
+	/* (en) Global reset of paddings and margins for all HTML elements */
+	/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
+	* { margin:0; padding:0; }
+
+	/* (en) Correction: margin/padding reset caused too small select boxes. */
+	/* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
+	option { padding-left:0.4em; } // LTR
+	select { padding:1px; }
+
+	/*
+	* (en) Global fix of the Italics bugs in IE 5.x and IE 6
+	* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
+	*
+	* @bugfix
+	* @affected   IE 5.x/Win, IE6
+	* @css-for    IE 5.x/Win, IE6
+	* @valid      yes
+	*/
+
+	* html body * { overflow:visible; }
+
+	/*
+	* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
+	*      Standard values for colors and text alignment
+	*
+	* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
+	*      Vorgabe der Standardfarben und Textausrichtung
+	*/
+	body {
+		font-size:100%;
+
+		background:#fff;
+		color:#000;
+		text-align:left; // LTR
+	}
+
+	/* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
+	/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
+	div:target,
+	h1:target,
+	h2:target,
+	h3:target,
+	h4:target,
+	h5:target,
+	h6:target {
+		outline: 0 none;
+	}
+
+	/* (en) HTML5 - adjusting visual formatting model to block level */
+	/* (de) HTML5 - Elements werden als Blockelemente definiert */
+	article,
+	aside,
+	details,
+	figcaption,
+	figure,
+	footer,
+	header,
+	main,
+	nav,
+	section,
+	summary {
+		display: block;
+	}
+
+	/* (en) HTML5 - default media element styles */
+	/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
+	audio,
+	canvas,
+	video {
+		display: inline-block;
+	}
+
+	/* (en) HTML5 - don't show <audio> element if there aren't controls */
+	/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
+	audio:not([controls]) {
+		display: none;
+	}
+
+	/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
+	/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
+	[hidden] {
+		display: none;
+	}
+
+	/* (en) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
+	/* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
+	html {
+		-ms-text-size-adjust: 100%;
+		-webkit-text-size-adjust: 100%;
+	}
+
+	/* (en) set correct box-modell in IE8/9 plus remove padding */
+	/* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
+	input[type="checkbox"],
+	input[type="radio"] {
+		box-sizing: border-box;
+		padding: 0;
+	}
+
+	/* (en) force consistant appearance of input[type="search"] elements in all browser */
+	/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
+	input[type="search"] {
+	    -webkit-appearance: textfield;
+	    -webkit-box-sizing: content-box;
+	    -moz-box-sizing: content-box;
+	    box-sizing: content-box;
+	}
+
+	input[type="search"]::-webkit-search-cancel-button,
+	input[type="search"]::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+
+	/* (en) Correct overflow displayed oddly in IE 9 */
+	/* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
+	svg:not(:root) {
+	    overflow: hidden;
+	}
+
+	/* (en) Address margin not present in IE 8/9 and Safari 5 */
+	/* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
+	figure {
+		margin: 0;
+	}
+
+	/* (en) Clear borders for <fieldset> and <img> elements */
+	/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
+	fieldset,
+	img { border:0 solid; }
+
+	/* (en) new standard values for lists, blockquote, cite and tables */
+	/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
+	ul,
+	ol,
+	dl { margin:0 0 1em 1em; } // LTR
+
+	li {
+		line-height:1.5em;
+		margin-left:0.8em; // LTR
+	}
+
+	dt { font-weight:bold; }
+	dd { margin:0 0 1em 0.8em; } // LTR
+
+	blockquote { margin:0 0 1em 0.8em; } // LTR
+	q { quotes: none; }
+
+	blockquote:before,
+	blockquote:after,
+	q:before,
+	q:after {
+		content: '';
+		content:none;
+	}
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+}