yamlcss 1.0.0

data/yaml/sass/yaml-sass/add-ons/rtl-support/core/_base-rtl.scss

@@ -0,0 +1,177 @@
+@import "../../../_yaml-var-globals";
+
+@media all {
+
+	/**
+	* @section browser normalisation
+	* Changing direction of text flow, paddings & margins ...
+	*/
+
+	option { padding: 0 0.4em 0 0; }
+
+	body {
+		text-align: right;
+		direction: rtl;
+	}
+
+	ul,
+	ol,
+	dl { margin: 0 1em 1em 0; }
+
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd { margin: 0 0.8em 1em 0; }
+	blockquote,
+	cite { margin: 0 0.8em 1em 0; }
+
+
+
+	/* set text flow */
+	.ym-form {
+		direction:rtl;
+
+		* {
+			text-align: right;
+		}
+
+		input,
+		textarea {
+			display: inline-block;
+		}
+
+		select {
+			display: inline-block;
+		}
+
+		// overrule width settings for inline form elements ...
+		.ym-fbox-check input,
+		input[type="radio"],
+		input[type="checkbox"] {
+			margin-left: 0.5ex;
+			margin-right: 0;
+		}
+
+		.ym-inline {
+			margin-left: 0; // reset rounding tolerance ...
+		}
+	}
+
+	.ym-fbox-wrap {
+		input[type="radio"],
+		input[type="checkbox"] {
+			margin-left: 0.5ex;
+			margin-right: 0;
+		}
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) rtl adjustments for forms module
+	* (de) RTL-Anpassungen für das Formular Modul
+	*
+	*/
+
+	.ym-columnar {
+		// Columnar display
+		// Spalten-Darstellung
+		input,
+		textarea,
+		select {
+			float:right;
+			margin-right: 0;
+			margin-left: -3px;
+		}
+
+		label,
+		.ym-label {
+			display:inline;
+			float:right;
+		}
+
+		input+label {
+			margin-right: 0.5ex;
+		}
+
+		// 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: 0;
+			margin-right: 30%;
+		}
+
+		// reset indention for wrapped form elements ...
+		.ym-fbox-wrap {
+			margin-left: 0;
+			margin-right: 30%;
+			margin-left: -3px;
+
+			.ym-message {
+				margin-right: 0%;
+			}
+
+			label {
+				margin-right: 0;
+			}
+
+			input {
+				margin-right: 0;
+			}
+
+			input[type="radio"],
+			input[type="checkbox"] {
+				margin-left: 0.5ex;
+				margin-right: 0;
+			}
+		}
+
+		.ym-fbox-button {
+			input {
+				float:none;
+				margin-left: 1em;
+				margin-right: 0;
+			}
+		}
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
+	* (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
+	*
+	* @workaround
+	* @affected   Firefox, Safari, IE 5.x - IE7
+	* @css-for    all
+	* @valid      yes
+	*/
+
+	.ym-skiplinks {
+		left: 32768px !important;
+		.ym-skip {
+			&:focus,
+			&:active{ left: -32768px !important; }
+		}
+	}
+
+	.ym-skip,
+	.ym-hideme,
+	.ym-print { left: 32768px !important; }
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* @section miscellaneous
+	*
+	* (en) CSS-class for ltr-content (left to right) within a rtl website
+	* (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
+	*/
+
+	.ym-text-ltr {
+		direction: ltr;
+		text-align: left;
+	}
+}

data/yaml/sass/yaml-sass/add-ons/rtl-support/forms/_gray-theme-rtl.scss

@@ -0,0 +1,34 @@
+@import "../../../yaml-var-globals";
+
+@media screen {
+	.ym-form {
+		select {
+			padding: 3px 1px 3px 2px;
+		}
+	}
+
+	/* adjust buttons */
+	.ym-button,
+	.ym-form button,
+	.ym-form input[type="button"],
+	.ym-form input[type="reset"],
+	.ym-form input[type="submit"] {
+		margin: 0 0 0 0.75em;
+	}
+	.ym-form button:before,
+	.ym-button:before {
+		float: right;
+		margin: 0 -1em 0 1em;
+		border-radius: 0;
+		border-top-right-radius: 0.15em;
+		border-bottom-right-radius: 0.15em;
+		-webkit-box-shadow: -1px 0 0 rgba(0,0,0,.5), -2px 0 0 rgba(255,255,255,.5);
+				box-shadow: -1px 0 0 rgba(0,0,0,.5), -2px 0 0 rgba(255,255,255,.5);
+	}
+
+	/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+	* html .ym-button,
+	* html .ym-form button {
+		margin: 1.5em 0 0 0.75em;
+	}
+}

data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_hlist-rtl.scss

@@ -0,0 +1,42 @@
+@import "../../../yaml-var-globals";
+
+@media all
+{
+	/**
+	* (en) Workaround disappearing list elements on hover
+	* (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern
+	*
+	* @workaround
+	* @affected   IE 5.x/Win, IE6, IE7
+	* @css-for    IE 5.x/Win, IE6, IE7
+	* @valid      yes
+	*/
+
+	.ym-hlist {
+		// changee direction for parent element as workaround for IE7
+		* { direction:ltr !important; }
+
+		// change back direction to RTL for child elements
+		a,
+		strong { direction:rtl !important; }
+
+	  	ul {
+			position:relative;
+			float:right;
+			// (en) Left margin of the first button
+			// (de) Abstand des ersten Buttons vom linken Rand
+			margin-left: 0; // Reset LTR
+		}
+
+		ul li {
+			float: right;
+			text-align:right !important;
+		}
+	}
+
+	/* change back direction to RTL for child elements */
+	.ym-searchform {
+		direction:rtl !important;
+		float:left;
+	}
+}

data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_vlist-rtl.scss

@@ -0,0 +1,45 @@
+@import "../../../yaml-var-globals";
+
+@media all {
+
+	/* menu title */
+	.ym-vtitle {
+		padding-left: 0px;
+		padding-right: 10%;
+	}
+
+	/* 4 navigation levels defined */
+	.ym-vlist {
+		text-align: right;
+
+		li { float:right; }
+
+		li a,
+		li strong,
+		li span {
+			padding-left: 0px;
+			padding-right: 10%;
+		}
+
+		li ul li a,
+		li ul li strong,
+		li ul li span {
+			padding-left: 0px;
+			padding-right: 20%;
+		}
+
+		li ul li ul li a,
+		li ul li ul li strong,
+		li ul li ul li span {
+			padding-left: 0px;
+			padding-right: 30%;
+		}
+
+		li ul li ul li ul li a,
+		li ul li ul li ul li strong,
+		li ul li ul li ul li span {
+			padding-left: 0px;
+			padding-right: 40%;
+		}
+	}
+}

data/yaml/sass/yaml-sass/add-ons/rtl-support/screen/_typography-rtl.scss

@@ -0,0 +1,30 @@
+@import "../../../yaml-var-globals";
+
+@media all {
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		margin-left: 0;
+		margin-right: 1em;
+	}
+
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	blockquote {
+		margin-left: 0;
+		margin-right: 1.5em;
+	}
+}

data/yaml/sass/yaml-sass/add-ons/syncheight/jquery.syncheight.js

@@ -0,0 +1,112 @@
+/**
+ * syncHeight - jQuery plugin to automagically Sync the heights of columns
+ * Made to seemlessly work with the CCS-Framework YAML (yaml.de)
+ * @requires jQuery v1.0.3 or newer
+ *
+ * http://blog.ginader.de/dev/syncheight/
+ *
+ * Copyright (c) 2007-2013
+ * Dirk Ginader (ginader.de)
+ * Dirk Jesse (yaml.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.5
+ *
+ * Changelog
+ * * v1.5 fixes issue with box-sizing: border-box
+ * * v1.4: new Method unSyncHeight() that removes previously added syncs i.e. for responsive layouts
+ * * v1.3: compatibility fix for jQuery 1.9.x (removed $.browser)
+ *
+ * Usage sync:
+  $(window).load(function(){
+    $('p').syncHeight();
+  });
+ * Usage unsync:
+  $(window).resize(function(){
+    if($(window).width() < 500){
+      $('p').unSyncHeight();
+    }
+  });
+ */
+
+(function($) {
+  var getHeightProperty = function() {
+    var browser_id = 0;
+    var property = [
+      // To avoid content overflow in synchronised boxes on font scaling, we
+      // use 'min-height' property for modern browsers ...
+      ['min-height','0px'],
+      // and 'height' property for Internet Explorer.
+      ['height','1%']
+    ];
+
+    var bMatch = /(msie) ([\w.]+)/.exec(navigator.userAgent.toLowerCase()) || [],
+      browser = bMatch[1] || "",
+      browserVersion = bMatch[2] || "0";
+
+    // check for IE6 ...
+    if(browser === 'msie' && browserVersion < 7){
+      browser_id = 1;
+    }
+
+    return {
+      'name': property[browser_id][0],
+      'autoheightVal': property[browser_id][1]
+    };
+  };
+
+  $.getSyncedHeight = function(selector) {
+    var max = 0;
+    var heightProperty = getHeightProperty();
+    // get maximum element height ...
+    $(selector).each(function() {
+      // fallback to auto height before height check ...
+      $(this).css(heightProperty.name, heightProperty.autoheightVal);
+      var val = parseInt($(this).css('height'),10);
+      if(val > max){
+        max = val;
+      }
+    });
+    return max;
+  };
+
+  $.fn.syncHeight = function(config) {
+    var defaults = {
+      updateOnResize: false,  // re-sync element heights after a browser resize event (useful in flexible layouts)
+      height: false
+    };
+
+    var options = $.extend(defaults, config);
+    var e = this;
+    var max = 0;
+    var heightPropertyName = getHeightProperty().name;
+
+    if(typeof(options.height) === "number") {
+      max = options.height;
+    } else {
+      max = $.getSyncedHeight(this);
+    }
+
+    // set synchronized element height ...
+    $(this).each(function() {
+      $(this).css(heightPropertyName, max+'px');
+    });
+
+    // optional sync refresh on resize event ...
+    if (options.updateOnResize === true) {
+      $(window).resize(function(){
+        $(e).syncHeight();
+      });
+    }
+    return this;
+  };
+
+  $.fn.unSyncHeight = function() {
+    var heightPropertyName = getHeightProperty().name;
+    $(this).each(function() {
+      $(this).css(heightPropertyName, '');
+    });
+  };
+})(jQuery);