_figures.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. // This file is part of the DITA Open Toolkit project.
  2. //
  3. // Copyright 2016 Roger Sheen
  4. //
  5. // See the accompanying LICENSE file for applicable license.
  6. // Sass partial for figure & image styles
  7. .fig {
  8. /* Default of italics to set apart figure captions */
  9. &cap {
  10. font-style: italic;
  11. }
  12. &desc {
  13. font-style: normal;
  14. }
  15. /* Use @frame to create frames on figures */
  16. &border {
  17. border-color: Silver;
  18. border-style: solid;
  19. border-width: 2px;
  20. margin-top: 1em;
  21. padding-left: 3px;
  22. padding-right: 3px;
  23. }
  24. &sides {
  25. border-color: Silver;
  26. border-left: 2px solid;
  27. border-right: 2px solid;
  28. margin-top: 1em;
  29. padding-left: 3px;
  30. padding-right: 3px;
  31. }
  32. &top {
  33. border-color: Silver;
  34. border-top: 2px solid;
  35. margin-top: 1em;
  36. }
  37. &bottom {
  38. border-bottom: 2px solid;
  39. border-color: Silver;
  40. }
  41. &topbot {
  42. border-bottom: 2px solid;
  43. border-color: Silver;
  44. border-top: 2px solid;
  45. margin-top: 1em;
  46. }
  47. }
  48. /* Align images based on @align on topic/image */
  49. div.imageleft {
  50. text-align: left;
  51. }
  52. div.imagecenter {
  53. text-align: center;
  54. }
  55. div.imageright {
  56. text-align: right;
  57. }
  58. div.imagejustify {
  59. text-align: justify;
  60. }