You are here

yamlform.navigation.css in YAML Form 8

Navigation styles.

File

css/yamlform.navigation.css
View source
  1. /**
  2. * @file
  3. * Navigation styles.
  4. */
  5. /**
  6. * Navigation.
  7. */
  8. .yamlform-submission-navigation {
  9. border-top: 1px solid #ccc;
  10. border-bottom: 1px solid #ccc;
  11. margin: 0.5em 0;
  12. }
  13. /**
  14. * Pager.
  15. */
  16. .yamlform-submission-pager {
  17. margin: 0;
  18. overflow: auto;
  19. padding: 0.5em 0;
  20. }
  21. .yamlform-submission-pager__item {
  22. display: inline-block;
  23. list-style-type: none;
  24. vertical-align: top;
  25. }
  26. .yamlform-submission-pager__item--previous {
  27. text-align: left; /* LTR */
  28. width: 45%;
  29. }
  30. [dir="rtl"] .yamlform-submission-pager__item--previous {
  31. float: right;
  32. text-align: right;
  33. }
  34. .yamlform-submission-pager__item--next {
  35. float: right; /* LTR */
  36. text-align: right; /* LTR */
  37. width: 45%;
  38. }
  39. [dir="rtl"] .yamlform-submission-pager__item--next {
  40. float: left;
  41. text-align: left;
  42. }