book.css
Same filename in other branches
Book module styling.
File
-
core/
themes/ olivero/ css/ components/ book.css
View source
- /*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
- /**
- * @file
- * Book module styling.
- */
-
- .book-pager {
- display: flex;
- flex-wrap: wrap;
- margin-block-start: 0 var(--sp);
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0 var(--sp);
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
- border-block-end: solid 1px var(--color--primary-40);
- }
-
- .book-pager__item {
- display: inline-block;
- }
-
- @media (min-width: 31.25rem) {
- .book-pager__item {
- flex: 0 0 33.33%;
- }
- }
-
- @media (min-width: 31.25rem) {
- .book-pager__item--center {
- text-align: center;
- }
- }
-
- @media (min-width: 31.25rem) {
- .book-pager__item--next {
- margin-inline-start: auto;
- text-align: end;
- }
- }
-
- .book-pager__link {
- display: inline-flex;
- align-items: center;
- -webkit-text-decoration: none;
- text-decoration: none;
- color: var(--color-text-primary-medium);
- font-family: var(--font-serif);
- font-size: 1.125rem;
- font-weight: 600;
- }
-
- .book-pager__link--previous::before {
- display: block;
- width: var(--sp0-5);
- height: var(--sp0-5);
- margin-inline-end: 0.25em;
- content: "";
- transform: rotate(-45deg);
- border-block-start: solid 0.1875rem currentColor;
- border-inline-start: solid 0.1875rem currentColor;
- }
-
- .book-pager__link--next::after {
- display: block;
- width: var(--sp0-5);
- height: var(--sp0-5);
- margin-inline-start: 0.25em;
- content: "";
- transform: rotate(135deg);
- border-block-start: solid 0.1875rem currentColor;
- border-inline-start: solid 0.1875rem currentColor;
- }
-
- .book-navigation__menu {
- margin-block: var(--sp2);
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
- }
-
- .book-navigation__item {
- margin-block: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
- }
-
- [dir="rtl"] .book-pager__link--previous::before {
- transform: rotate(45deg);
- }
-
- [dir="rtl"] .book-pager__link--next::after {
- transform: rotate(-135deg);
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.