eda.easyFormViewer.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /*!
  2. * easyFormViewer
  3. * Version 1.2.0
  4. * Author : Erwan Datin (MacKentoch)
  5. *Link: https://github.com/MacKentoch/easyFormGenerator
  6. * License : 2015 MIT
  7. */
  8. /*=========================================================
  9. fonts const
  10. ===========================================================*/
  11. body {
  12. margin: 20px;
  13. font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  14. .ta-scroll-window {
  15. margin-bottom: 16px; }
  16. /**
  17. * formly fields css
  18. */
  19. .formly-field {
  20. margin-bottom: 20px; }
  21. .validation {
  22. position: absolute;
  23. font-size: .8em;
  24. color: #a94442; }
  25. .formly-template-wrapper {
  26. position: relative; }
  27. .error-messages {
  28. position: relative; }
  29. .error-messages, .message, .validation {
  30. opacity: 1;
  31. transition: .3s linear all; }
  32. .message {
  33. font-size: .8em;
  34. position: absolute;
  35. width: 100%;
  36. color: #a94442;
  37. margin-top: 2px; }
  38. .error-messages.ng-enter.ng-enter-active,
  39. .message.ng-enter.ng-enter-active,
  40. .validation.ng-enter.ng-enter-active {
  41. opacity: 1; }
  42. .error-messages.ng-enter,
  43. .message.ng-enter,
  44. .validation.ng-enter {
  45. opacity: 0; }
  46. .error-messages.ng-leave,
  47. .message.ng-leave,
  48. .validation.ng-leave {
  49. opacity: 1; }
  50. .error-messages.ng-leave-active,
  51. .message.ng-leave-active,
  52. .validation.ng-leave-active {
  53. opacity: 0; }
  54. /*=========================================================
  55. fonts const
  56. ===========================================================*/