RubyGems - cyaml - Versions diffs - 0.0.35 → 0.0.42 - Mend

cyaml 0.0.35 → 0.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

data/stylesheets/cyaml/core/base.min.sass ADDED

@@ -0,0 +1,282 @@
+@media all
+  *
+    margin: 0
+    padding: 0
+  option
+    padding-left: .4em
+  select
+    padding: 1px
+  * html body *
+    overflow: visible
+  body
+    font-size: 100%
+    background: #fff
+    color: #000
+    text-align: left
+  div:target
+    outline: 0 none
+  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
+    display: block
+  audio, canvas, video
+    display: inline-block
+  audio:not([controls]), [hidden]
+    display: none
+  input[type="search"]
+    -webkit-appearance: textfield
+    &::-webkit-search-decoration
+      -webkit-appearance: none
+  fieldset, img
+    border: 0 solid
+  ul, ol, dl
+    margin: 0 0 1em 1em
+  li
+    line-height: 1.5em
+    margin-left: .8em
+  dt
+    font-weight: bold
+  dd, blockquote
+    margin: 0 0 1em .8em
+  q
+    quotes: none
+  blockquote
+    &:before, &:after
+      content: ''
+      content: none
+  q
+    &:before, &:after
+      content: ''
+      content: none
+  table
+    border-collapse: collapse
+    border-spacing: 0
+  .ym-clearfix
+    &:before
+      content: ""
+      display: table
+    &:after
+      clear: both
+      content: "."
+      display: block
+      font-size: 0
+      height: 0
+      visibility: hidden
+  .ym-contain-dt
+    display: table
+    width: 100%
+    overflow: visible
+  .ym-contain-oh
+    overflow: hidden
+    width: 100%
+    display: block
+  .ym-contain-fl
+    float: left
+    width: 100%
+  .ym-skip, .ym-hideme, .ym-print
+    position: absolute
+    top: -32768px
+    left: -32768px
+  .ym-skip
+    &:focus, &:active
+      position: static
+      top: 0
+      left: 0
+  .ym-skiplinks
+    position: absolute
+    top: 0
+    left: -32768px
+    z-index: 1000
+    width: 100%
+    margin: 0
+    padding: 0
+    list-style-type: none
+    .ym-skip
+      &:focus, &:active
+        left: 32768px
+        outline: 0 none
+        position: absolute
+        width: 100%
+@media screen,projection
+  .ym-column
+    display: table
+    width: 100%
+  .ym-col1
+    float: left
+    width: 20%
+  .ym-col2
+    float: right
+    width: 20%
+  .ym-col3
+    width: auto
+    margin: 0 20%
+  .ym-cbox .ym-cbox-left, .ym-cbox-right
+    position: relative
+  .ym-cbox
+    padding: 0 10px
+  .ym-cbox-left
+    padding: 0 10px 0 0
+  .ym-cbox-right
+    padding: 0 0 0 10px
+  .ym-ie-clearing
+    display: none
+  .ym-grid
+    display: table
+    width: 100%
+    table-layout: fixed
+    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 -5px
+  .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 10px
+  .ym-gbox-left
+    padding: 0 10px 0 0
+  .ym-gbox-right
+    padding: 0 0 0 10px
+  .ym-equalize
+    overflow: hidden
+  .ym-equalize>
+    &.ym-gl, &.ym-gr
+      display: table-cell
+      float: none
+      margin: 0
+      vertical-align: top
+  .ym-equalize>*>
+    &.ym-gbox, &.ym-gbox-left, &.ym-gbox-right
+      padding-bottom: 10000px
+      margin-bottom: -10000px
+@media all
+  .ym-form
+    overflow: hidden
+    fieldset
+      overflow: hidden
+    div .ym-form label, .ym-message
+      position: relative
+      display: block
+    .ym-fbox-check label
+      display: inline
+    input, textarea
+      cursor: text
+    input
+      &[type="checkbox"], &[type="radio"]
+        cursor: pointer
+    select, label
+      cursor: pointer
+    textarea
+      overflow: auto
+    input[type=hidden]
+      display: none!important
+    .ym-fbox-text:before, .ym-fbox-select:before, .ym-fbox-check:before, .ym-fbox-button:before
+      content: ""
+      display: table
+    .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
+    select, input, textarea
+      display: block
+      position: relative
+      width: 58.5%
+    .ym-fbox-check input
+      display: inline
+      width: auto
+    .ym-fbox-button input
+      display: inline
+      overflow: visible
+      width: auto
+    .ym-fbox-check input
+      &:focus, &:hover, &:active
+        border: 0 none
+  .ym-full
+    .ym-fbox-select select
+      width: 94.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        width: 94.2%
+        margin-right: -3px
+  .ym-columnar
+    .ym-fbox-text label, .ym-fbox-select label
+      display: inline
+      float: left
+      width: 30%
+    .ym-fbox-check
+      position: relative
+  .ym-label
+    display: block
+  .ym-columnar
+    .ym-fbox-check
+      .ym-label
+        position: absolute
+        top: 0
+      input
+        margin-left: 30%
+    .ym-error .ym-message
+      margin-left: 30%
+    fieldset .ym-fbox-button
+      padding-left: 30%
+  fieldset.ym-columnar .ym-fbox-button
+    padding-left: 30%
+  .ym-columnar
+    .ym-fbox-select select
+      float: left
+      width: 67.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        float: left
+        width: 67.2%
+        margin-right: -3px
+  .ym-fbox-select select
+    width: 60%
+  .ym-full .ym-fbox-select select
+    width: 94.8%
+  .ym-columnar .ym-fbox-select select
+    width: 68.8%
+@media print
+  .ym-grid>
+    &.ym-gl, &.ym-gr
+      overflow: visible
+      display: table
+  .ym-print
+    position: static
+    left: 0
+  .ym-noprint
+    display: none!important

data/stylesheets/cyaml/core/base.sass ADDED

@@ -0,0 +1,434 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+@media all
+  /**
+   ** @section CSS-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
+  body
+    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
+    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
+    font-size: 100%
+    /* (en) Standard values for colors and text alignment
+    /* (de) Vorgabe der Standardfarben und Textausrichtung
+    background: #fff
+    color: #000
+    text-align: left
+    /* LTR
+  /* (en) avoid visible outlines on DIV containers in Webkit browsers
+  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern
+  div:target
+    outline: 0 none
+  /* (en) HTML 5 - adjusting visual formatting model to block level
+  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente
+  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
+    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]), [hidden]
+    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
+  /* (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-search-decoration
+      -webkit-appearance: none
+  /* (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, blockquote
+    margin: 0 0 1em 0.8em
+  /* LTR
+  /* LTR
+  q
+    quotes: none
+  blockquote
+    &:before, &:after
+      content: ''
+      content: none
+  q
+    &:before, &:after
+      content: ''
+      content: none
+  table
+    border-collapse: collapse
+    border-spacing: 0
+  /*    	*
+   * 	* @section Float Handling Module
+  /* (en) clearfix method for clearing floats
+  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen
+  .ym-clearfix
+    &:before
+      content: ""
+      display: table
+    &: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
+    display: table
+    width: 100%
+    overflow: visible
+  .ym-contain-oh
+    overflow: hidden
+    width: 100%
+    display: block
+  .ym-contain-fl
+    float: left
+    width: 100%
+  /**
+   ** @section Accessibility Module
+   **
+   ** (en) skip links and hidden content
+   ** (de) Skip-Links und versteckte Inhalte
+  /* (en) classes for invisible elements in the base layout
+  /* (de) Klassen für unsichtbare Elemente im Basislayout
+  .ym-skip, .ym-hideme, .ym-print
+    position: absolute
+    top: -32768px
+    left: -32768px
+    /* LTR
+  /* (en) make skip links visible when using tab navigation
+  /* (de) Skip-Links für Tab-Navigation sichtbar schalten
+  .ym-skip
+    &:focus, &:active
+      position: static
+      top: 0
+      left: 0
+  /* skiplinks:technical setup
+  .ym-skiplinks
+    position: absolute
+    top: 0px
+    left: -32768px
+    z-index: 1000
+    width: 100%
+    margin: 0
+    padding: 0
+    list-style-type: none
+    .ym-skip
+      &:focus, &:active
+        left: 32768px
+        outline: 0 none
+        position: absolute
+        width: 100%
+@media screen, projection
+  /**
+   ** @section Column Module
+   **
+   ** default column config:
+   ** |-------------------------------|
+   ** | col1    | col3      | col2    |
+   ** | 20%     | flexible  | 20%     |
+   ** |-------------------------------|
+  .ym-column
+    display: table
+    width: 100%
+  .ym-col1
+    float: left
+    width: 20%
+  .ym-col2
+    float: right
+    width: 20%
+  .ym-col3
+    width: auto
+    margin: 0 20%
+  /* (en) Preparation for absolute positioning within content columns
+  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten
+  .ym-cbox.ym-cbox-left, .ym-cbox-right
+    position: relative
+  .ym-cbox
+    padding: 0 10px
+  .ym-cbox-left
+    padding: 0 10px 0 0
+  .ym-cbox-right
+    padding: 0 0 0 10px
+  /* (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
+  /**
+   ** @section Grid Module
+   **
+  .ym-grid
+    display: table
+    width: 100%
+    table-layout: fixed
+    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 -5px
+  .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 10px
+  .ym-gbox-left
+    padding: 0 10px 0 0
+  .ym-gbox-right
+    padding: 0 0 0 10px
+  .ym-equalize
+    overflow: hidden
+    >
+      .ym-gl, .ym-gr
+        display: table-cell
+        float: none
+        margin: 0
+        vertical-align: top
+      * >
+        .ym-gbox, .ym-gbox-left, .ym-gbox-right
+          padding-bottom: 10000px
+          margin-bottom: -10000px
+@media all
+  /*      *
+   * 	* @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
+    overflow: hidden
+    fieldset
+      overflow: hidden
+    div.ym-form label, .ym-message
+      position: relative
+      display: block
+      /* important for Safari
+    .ym-fbox-check label
+      display: inline
+    input, textarea
+      cursor: text
+    input
+      &[type="checkbox"], &[type="radio"]
+        cursor: pointer
+    select, label
+      cursor: pointer
+    textarea
+      overflow: auto
+    input[type=hidden]
+      display: none !important
+    .ym-fbox-text:before, .ym-fbox-select:before, .ym-fbox-check:before, .ym-fbox-button:before
+      content: ""
+      display: table
+    .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
+    select, input, textarea
+      display: block
+      position: relative
+      width: 58.5%
+    .ym-fbox-check input
+      display: inline
+      width: auto
+    .ym-fbox-button input
+      display: inline
+      overflow: visible
+      /* Fixes IE7 auto-padding bug
+      width: auto
+    .ym-fbox-check input
+      &:focus, &:hover, &:active
+        border: 0 none
+  /* small adjustments for Internet Explorer - all versions
+  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox)
+  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente
+  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite
+  /* Styling of buttons | Gestaltung von Buttons
+  /* avoid jumping checkboxes & radiobuttons in IE8
+  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+  .ym-full
+    .ym-fbox-select select
+      width: 94.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        width: 94.2%
+        margin-right: -3px
+  /*      *
+   * 	* 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
+  /* Columnar display | Spalten-Darstellung
+  .ym-columnar
+    .ym-fbox-text label, .ym-fbox-select label
+      display: inline
+      float: left
+      width: 30%
+      /* Can be fixed width too | Kann auch eine fixe Angabe sein
+    .ym-fbox-check
+      position: relative
+  .ym-label
+    display: block
+  .ym-columnar
+    .ym-fbox-check
+      .ym-label
+        position: absolute
+        top: 0
+      input
+        margin-left: 30%
+    .ym-error .ym-message
+      margin-left: 30%
+    fieldset .ym-fbox-button
+      padding-left: 30%
+  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+  /* global and local columnar settings for button alignment
+  fieldset.ym-columnar .ym-fbox-button
+    padding-left: 30%
+  .ym-columnar
+    .ym-fbox-select select
+      float: left
+      width: 67.2%
+      margin-right: -3px
+    .ym-fbox-text
+      input, textarea
+        float: left
+        width: 67.2%
+        margin-right: -3px
+  /**
+   ** @section Form Construction Kit | Screen Adjustments
+   **
+  .ym-fbox-select select
+    width: 60%
+  .ym-full .ym-fbox-select select
+    width: 94.8%
+  .ym-columnar .ym-fbox-select select
+    width: 68.8%
+@media print
+  /**
+   ** @section print adjustments for core modules
+   **
+   ** (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
+   ** (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+   **
+   ** @bugfix
+   ** @since     3.0
+   ** @affected  FF2.0, FF3.0, IE7
+   ** @css-for   all browsers
+   ** @valid     yes
+  .ym-grid >
+    .ym-gl, .ym-gr
+      overflow: visible
+      display: table
+  /* (en) make .ym-print class visible
+  /* (de) .ym-print-Klasse sichtbar schalten
+  .ym-print
+    position: static
+    left: 0
+  /* (en) generic class to hide elements for print
+  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden
+  .ym-noprint
+    display: none !important