book.css

Same filename and directory in other branches
  1. 7.x modules/book/book.css
  2. 9 core/themes/olivero/css/components/book.css
  3. 9 core/themes/bartik/css/components/book.css
  4. 8.9.x core/themes/bartik/css/components/book.css
  5. 10 core/themes/olivero/css/components/book.css

Book module styling.

File

core/themes/olivero/css/components/book.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Book module styling.
  10. */
  11. .book-pager {
  12. display: flex;
  13. flex-wrap: wrap;
  14. margin-block-start: 0 var(--sp);
  15. margin-inline-start: 0;
  16. margin-inline-end: 0;
  17. padding-block: 0 var(--sp);
  18. padding-inline-start: 0;
  19. padding-inline-end: 0;
  20. list-style: none;
  21. border-block-end: solid 1px var(--color--primary-40);
  22. }
  23. .book-pager__item {
  24. display: inline-block;
  25. }
  26. @media (min-width: 31.25rem) {
  27. .book-pager__item {
  28. flex: 0 0 33.33%;
  29. }
  30. }
  31. @media (min-width: 31.25rem) {
  32. .book-pager__item--center {
  33. text-align: center;
  34. }
  35. }
  36. @media (min-width: 31.25rem) {
  37. .book-pager__item--next {
  38. margin-inline-start: auto;
  39. text-align: end;
  40. }
  41. }
  42. .book-pager__link {
  43. display: inline-flex;
  44. align-items: center;
  45. -webkit-text-decoration: none;
  46. text-decoration: none;
  47. color: var(--color-text-primary-medium);
  48. font-family: var(--font-serif);
  49. font-size: 1.125rem;
  50. font-weight: 600;
  51. }
  52. .book-pager__link--previous::before {
  53. display: block;
  54. width: var(--sp0-5);
  55. height: var(--sp0-5);
  56. margin-inline-end: 0.25em;
  57. content: "";
  58. transform: rotate(-45deg);
  59. border-block-start: solid 0.1875rem currentColor;
  60. border-inline-start: solid 0.1875rem currentColor;
  61. }
  62. .book-pager__link--next::after {
  63. display: block;
  64. width: var(--sp0-5);
  65. height: var(--sp0-5);
  66. margin-inline-start: 0.25em;
  67. content: "";
  68. transform: rotate(135deg);
  69. border-block-start: solid 0.1875rem currentColor;
  70. border-inline-start: solid 0.1875rem currentColor;
  71. }
  72. .book-navigation__menu {
  73. margin-block: var(--sp2);
  74. margin-inline-start: 0;
  75. margin-inline-end: 0;
  76. padding-block: 0;
  77. padding-inline-start: 0;
  78. padding-inline-end: 0;
  79. list-style: none;
  80. }
  81. .book-navigation__item {
  82. margin-block: 0;
  83. padding-block: 0;
  84. padding-inline-start: 0;
  85. padding-inline-end: 0;
  86. list-style: none;
  87. }
  88. [dir="rtl"] .book-pager__link--previous::before {
  89. transform: rotate(45deg);
  90. }
  91. [dir="rtl"] .book-pager__link--next::after {
  92. transform: rotate(-135deg);
  93. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.