You are here

Home » API reference » YAML Form 8

yamlform.element.signature.css in YAML Form 8

Signature element styles.

See also

https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/

File

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

  2.  * @file

  3.  * Signature element styles.

  4.  *

  5.  * @see https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/

  6.  */

  7. 

  8. .yamlform-signature-pad {

  9.   position: relative;

  10.   background-color: #f0f0f0;

  11. }

  12. 

  13. .yamlform-signature-pad:before {

  14.   display: block;

  15.   content: "";

  16.   width: 100%;

  17.   padding-top: 33%;

  18. }

  19. 

  20. .yamlform-signature-pad canvas {

  21.   position: absolute;

  22.   top: 0;

  23.   left: 0;

  24.   right: 0;

  25.   bottom: 0;

  26.   display: block;

  27.   cursor: crosshair;

  28. }

  29. 

  30. .yamlform-signature-pad .button {

  31.   z-index: 100;

  32.   position: absolute;

  33.   top: 2px;

  34.   right: 2px;

  35. }

  36. 

  37. .yamlform-signature-pad-image {

  38.   display: block;

  39.   width: 100%;

  40.   max-width: 600px;

  41.   border: 1px solid #ccc;

  42. }