You are here

Home » API reference » YAML Form 8

yamlform.element.toggle.css in YAML Form 8

Toggle element styles.

File

css/yamlform.element.toggle.css
View source 
  1. /**

  2.  * @file

  3.  * Toggle element styles.

  4.  */

  5. 

  6. html.js .form-type-yamlform-toggle .form-checkbox {

  7.   display: none;

  8. }

  9. 

  10. html.js .form-type-yamlform-toggle label.option {

  11.   display: block;

  12.   float: left;

  13. }

  14. 

  15. html.js .form-type-yamlform-toggle label + input + .toggle {

  16.   margin: 2px 0;

  17. }

  18. 

  19. html.js .toggle {

  20.   display: block;

  21.   float: left;

  22.   margin: 2px .5em 2px 0;

  23.   text-transform: uppercase;

  24. }

  25. 

  26. html.js .toggle.toggle-small,

  27. html.js .toggle.toggle-small + label {

  28.   height: 16px;

  29.   line-height: 16px;

  30. }

  31. 

  32. html.js .toggle.toggle-medium,

  33. html.js .toggle.toggle-medium+ label {

  34.   height: 24px;

  35.   line-height: 24px;

  36. }

  37. 

  38. html.js .toggle.toggle-large,

  39. html.js .toggle.toggle-large + label {

  40.   height: 36px;

  41.   line-height: 36px;

  42. }