You are here

Home » API reference » YAML Form 8

yamlform.options.css in YAML Form 8

Element options display styles.

File

css/yamlform.options.css
View source 
  1. /**

  2.  * @file

  3.  * Element options display styles.

  4.  */

  5. 

  6. .yamlform-options-display-side-by-side > div {

  7.   display: inline-block;

  8.   margin-right: .5em;

  9. }

  10. 

  11. /**

  12.  * Display columns for devices that are more than 400px wide.

  13.  */

  14. @media (min-width: 400px) {

  15.   .yamlform-options-display-two-columns {

  16.     display: inline-block;

  17.     margin-top: .4em;

  18.     -moz-column-count: 2;

  19.     -webkit-column-count: 2;

  20.     column-count: 2;

  21.   }

  22. 

  23.   .yamlform-options-display-three-columns {

  24.     display: inline-block;

  25.     margin-top: .4em;

  26.     -moz-column-count: 3;

  27.     -webkit-column-count: 3;

  28.     column-count: 3;

  29.   }

  30. 

  31.   .yamlform-options-display-two-columns div.form-item,

  32.   .yamlform-options-display-three-columns div.form-item {

  33.     margin-top: 0;

  34.     margin-bottom: 0;

  35.   }

  36. }