cyaml 0.0.33 → 0.0.34

data/README.mkdn

@@ -3,6 +3,8 @@ Compass YAML
 
 The YAML Framework converted to SASS and implemented as compass extension
 
+Documentation: https://github.com/servasat/cyaml
+
 Installation
 ============
 
@@ -10,6 +12,11 @@ From the command line:
 
     sudo gem install cyaml
 
-    Or create a new project:
+Create Compass project
+
+     compass create -r cyaml --using cyaml my_project
+
+Use inside Rails project
 
-        compass projectname -r cyaml -f cyaml
+     cd my_rails_project
+     compass init rails -r cyaml -u cyaml --force

data/stylesheets/cyaml/add-ons/accessible-tabs/tabs.scss

@@ -0,0 +1,111 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Styles for accessible tabs plugin
+ * (de) Gestaltung des Plugins für barrierefreie Tabreiter
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision: 501 $
+ * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
+ */
+
+@media screen, projection {
+  .jquery_tabs {
+    display: table;
+    margin: 0 0 1em 0;
+    width: 100%;
+    ul.tabs-list {
+      display: block;
+      font-size: 1em;
+      line-height: 1em;
+      list-style-type: none;
+      margin: 0;
+      position: relative;
+      z-index: 1;
+      li a {
+        font-size: 1em;
+        line-height: 1em;
+        padding: 5px 10px; } }
+    .content {
+      border: 1px #888 solid;
+      clear: both;
+      padding: 0.5em;
+      position: relative;
+      top: -1px;
+      margin-bottom: -1px; }
+    ul.tabs-list li {
+      border: 0 none;
+      display: inline;
+      float: left;
+      margin: 0 0.3em 0 0;
+      padding: 0;
+      a {
+        background: #ccc;
+        border: 1px solid #888;
+        color: #333;
+        display: block;
+        float: left;
+        font-weight: bold;
+        margin: 0;
+        &:focus, &:hover, &:active {
+          background: #f0f0f0;
+          color: #333;
+          font-weight: bold;
+          text-decoration: none; } }
+      &.current a {
+        background: #fff;
+        border-bottom: 0 none;
+        color: #000;
+        font-weight: bold;
+        padding-bottom: 6px;
+        text-decoration: none;
+        &:focus, &:hover, &:active {
+          background: #fff;
+          border-bottom: 0 none;
+          color: #000;
+          font-weight: bold;
+          padding-bottom: 6px;
+          text-decoration: none; } } } }
+  .js .jquery_tabs {
+    .current-info, .accessibletabsanchor, .tabhead {
+      position: absolute;
+      left: -999em; } }
+  /**
+   * Avoid margin collapsing to enable correct sync of all tabs
+   *
+   * @workaround
+   * @affected all browsers
+   * @css-for all browsers
+   * @valid yes
+   */
+  .jquery_tabs .tab-content {
+    border-bottom: 1px transparent solid;
+    border-top: 1px transparent solid; }
+  /* IE < 7 don't support transparent borders */
+  * html .jquery_tabs {
+    .tab-content {
+      border-bottom: 1px #fff solid;
+      border-top: 1px #fff solid; }
+    .content {
+      z-index: -1; }
+    zoom: 1;
+    width: auto;
+    position: relative; }
+  /**
+   * Containing floats adjustment and stability fixes for Internet Explorer
+   *
+   * @workaround
+   * @affected IE 5.x/Win, IE6, IE7
+   * @css-for IE 5.x/Win, IE6, IE7
+   * @valid no
+   */
+  *+html .jquery_tabs {
+    zoom: 1;
+    width: auto; }
+  .jquery_tabs * {
+    zoom: 1; } }

data/stylesheets/cyaml/add-ons/microformats/microformats.scss

@@ -0,0 +1,118 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML-Addon:Microformats Support
+ * (de) YAML-Addon:Unterstützung für Microformate
+ *
+ * @note            Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision:392 $
+ * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
+ */
+
+/* hCards + hCalendars */
+
+.vcard, .vevent {
+  border: 2px solid #e0e7b8 !important;
+  padding: 30px 5px 5px 5px !important;
+  border-radius: 8px;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  margin: 5px 0 !important;
+  /* small IE-Fix for background images */
+  zoom: 1; }
+
+span {
+  &.vcard, &.vevent {
+    padding: 2px 1px 2px 70px !important;
+    margin: 0 2px 0 !important; } }
+
+.vcard {
+  background: #f8f8ec inline-image("add-ons/microformats/hcard.png", 'image/png') 5px 5px no-repeat !important;
+  a {
+    padding-left: 11px;
+    background: inline-image("add-ons/microformats/external_link.png", 'image/png') top left no-repeat;
+    color: #679A06; }
+  .adr {
+    display: block;
+    margin: 0.5em 0; }
+  .email {
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; } }
+
+.vevent {
+  background: #f8f8ec inline-image("add-ons/microformats/hcalendar.png", 'image/png') 5px 5px no-repeat !important;
+  a {
+    padding-left: 11px;
+    background: inline-image("add-ons/microformats/external_link.png", 'image/png') top left no-repeat;
+    color: #679A06; }
+  p {
+    margin-bottom: 0.5em; }
+  .description {
+    display: block;
+    margin-top: 1em; }
+  .location {
+    display: block;
+    color: #679A06; }
+  .summary {
+    display: block;
+    color: #679A06;
+    font-weight: bold; } }
+
+/* XFN relationship */
+
+a {
+  &.xfnRelationship {
+    padding-right: 26px;
+    background: inline-image("add-ons/microformats/xfn/xfn-small.png", 'image/png') no-repeat right;
+    &[rel~="colleague"], &[rel~="co-worker"] {
+      padding-right: 21px;
+      background: inline-image("add-ons/microformats/xfn/xfn-colleague.png", 'image/png')  no-repeat right; }
+    &[rel~="met"] {
+      padding-right: 32px;
+      background: inline-image("add-ons/microformats/icon-xfn.png", 'image/png') no-repeat right; }
+    &[rel~="colleague"][rel~="met"], &[rel~="co-worker"][rel~="met"] {
+      padding-right: 26px;
+      background: inline-image("add-ons/microformats/xfn/xfn-colleague-met.png", 'image/png')  no-repeat right; }
+    &[rel~="friend"] {
+      padding-right: 21px;
+      background: inline-image("add-ons/microformats/xfn/xfn-friend.png", 'image/png') no-repeat right;
+      &[rel~="met"] {
+        padding-right: 26px;
+        background: inline-image("add-ons/microformats/xfn/xfn-friend-met.png", 'image/png') no-repeat right; } }
+    &[rel~="sweetheart"] {
+      padding-right: 21px;
+      background: inline-image("add-ons/microformats/xfn/xfn-sweetheart.png", 'image/png') no-repeat right;
+      &[rel~="met"] {
+        padding-right: 26px;
+        background: inline-image("add-ons/microformats/xfn/xfn-sweetheart-met.png", 'image/png') no-repeat right; } }
+    &[rel~="child"] {
+      padding-right: 21px;
+      background: inline-image("add-ons/microformats/xfn/xfn-child.png", 'image/png') no-repeat right; }
+    &[rel~="parent"] {
+      padding-right: 21px;
+      background: inline-image("add-ons/microformats/xfn/xfn-parent.png", 'image/png') no-repeat right; }
+    &[rel~="spouse"] {
+      padding-right: 21px;
+      background: inline-image("add-ons/microformats/xfn/xfn-spouse.png", 'image/png') no-repeat right; }
+    &[rel~="me"] {
+      padding-right: 21px;
+      background: inline-image("add-ons/microformats/xfn/xfn-me.png", 'image/png') no-repeat right; } }
+  &[rel~="tag"] {
+    padding-right: 32px;
+    background: inline-image("add-ons/microformats/icon-rel-tag.png", 'image/png') no-repeat right; } }
+
+/* rel-tag */
+
+/* geo */
+
+abbr[class~="geo"] {
+  padding-right: 32px;
+  background: inline-image("add-ons/microformats/icon-geo.png", 'image/png') no-repeat right;
+  border: none;
+  cursor: default; }

data/stylesheets/cyaml/add-ons/rtl-support/core/base-rtl.scss

@@ -0,0 +1,67 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core RTL stylesheet
+ * (de) YAML Basis-RTL-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision: 501 $
+ * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
+ */
+
+@media all {
+  /**
+   * @section browser reset
+   * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+   *
+   * 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, blockquote, cite {
+    margin: 0 0.8em 1em 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
+   */
+  #skiplinks {
+    left: 32768px;
+    .skip {
+      &:focus, &:active {
+        left: -32768px; } } }
+  .skip, .hideme, .print {
+    left: 32768px; }
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+   * @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
+   */
+  .text-ltr {
+    direction: ltr;
+    text-align: left; } }

data/stylesheets/cyaml/add-ons/rtl-support/core/iehacks-rtl.scss

@@ -0,0 +1,49 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core RTL stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-RTL-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ * Your changes should be added to a separate patch-file.
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision: 501 $
+ * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
+ */
+
+@media all {
+  /**
+   * (en) Workaround for misplaced floating navigation lists
+   * (de) Workaround behebt deplatzierte floatende Navigationselemente
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+  #nav {
+    direction: ltr;
+    * {
+      direction: rtl; } }
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+   * (en) Optional: Forces right vertical scroll bars
+   * (de) Optional: Erzwingt rechte vertikale Scrollbalken
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+  /*
+  html { direction: ltr; }
+  body { direction: rtl; }
+  */ }

data/stylesheets/cyaml/add-ons/rtl-support/core/slim_base-rtl.scss

@@ -0,0 +1,25 @@
+/* "Yet Another Multicolumn Layout" v3.3.1 (c) by Alexander Hass, Dirk Jesse (http://www.yaml.de)
+* $Revision: 495 $ $Date: 2011-06-18 12:24:44 +0200 (Sa, 18 Jun 2011) $ */
+@media all {
+  option {
+    padding: 0 .4em 0 0; }
+  body {
+    text-align: right;
+    direction: rtl; }
+  ul, ol, dl {
+    margin: 0 1em 1em 0; }
+  li {
+    margin-left: 0;
+    margin-right: .8em; }
+  dd, blockquote, cite {
+    margin: 0 .8em 1em 0; }
+  #skiplinks {
+    left: 32768px;
+    .skip {
+      &:focus, &:active {
+        left: -32768px; } } }
+  .skip, .hideme, .print {
+    left: 32768px; }
+  .text-ltr {
+    direction: ltr;
+    text-align: left; } }

data/stylesheets/cyaml/add-ons/rtl-support/core/slim_iehacks-rtl.scss

@@ -0,0 +1,7 @@
+/* "Yet Another Multicolumn Layout" v3.3.1 (c) by Alexander Hass, Dirk Jesse (http://www.yaml.de)
+* $Revision: 495 $ $Date: 2011-06-18 12:24:44 +0200 (Sa, 18 Jun 2011) $ */
+@media all {
+  #nav {
+    direction: ltr;
+    * {
+      direction: rtl; } } }

data/stylesheets/cyaml/add-ons/rtl-support/navigation/nav_shinybuttons-rtl.scss

@@ -0,0 +1,44 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) RTL Horizontal list navigation "Shiny Buttons"
+ * (de) RTL Horizontale Navigationsliste "Shiny Buttons"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision: 501 $
+ * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
+ */
+
+@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
+   */
+  .hlist {
+    * {
+      direction: ltr !important; }
+    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 */
+      margin-right: 50px;
+      li {
+        float: right; } } }
+  /*------------------------------------------------------------------------------------------------------*/ }