book.css
Same filename in this branch
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.
- */
-
- [dir="ltr"] .book-pager {
- margin-left: 0;
- }
-
- [dir="rtl"] .book-pager {
- margin-right: 0;
- }
-
- [dir="ltr"] .book-pager {
- margin-right: 0;
- }
-
- [dir="rtl"] .book-pager {
- margin-left: 0;
- }
-
- [dir="ltr"] .book-pager {
- padding-left: 0;
- }
-
- [dir="rtl"] .book-pager {
- padding-right: 0;
- }
-
- [dir="ltr"] .book-pager {
- padding-right: 0;
- }
-
- [dir="rtl"] .book-pager {
- padding-left: 0;
- }
-
- .book-pager {
- display: flex;
- flex-wrap: wrap;
- margin-top: 0 1.125rem;
- padding-top: 0;
- padding-bottom: 1.125rem;
- list-style: none;
- border-bottom: solid 1px #0d77b5;
- }
-
- .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) {
-
- [dir="ltr"] .book-pager__item--next {
- margin-left: auto;
- }
-
- [dir="rtl"] .book-pager__item--next {
- margin-right: auto;
- }
-
- [dir="ltr"] .book-pager__item--next {
- text-align: right;
- }
-
- [dir="rtl"] .book-pager__item--next {
- text-align: left;
- }
- }
-
- .book-pager__link {
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- color: #0d77b5;
- font-family: Lora, georgia, serif;
- font-size: 1.125rem;
- font-weight: 600;
- }
-
- [dir="ltr"] .book-pager__link--previous:before {
- margin-right: 0.25em;
- }
-
- [dir="rtl"] .book-pager__link--previous:before {
- margin-left: 0.25em;
- }
-
- [dir="ltr"] .book-pager__link--previous:before {
- border-left: solid 0.1875rem currentColor;
- }
-
- [dir="rtl"] .book-pager__link--previous:before {
- border-right: solid 0.1875rem currentColor;
- }
-
- .book-pager__link--previous:before {
- display: block;
- width: 0.5625rem;
- height: 0.5625rem;
- content: "";
- transform: rotate(-45deg);
- border-top: solid 0.1875rem currentColor;
- }
-
- [dir="ltr"] .book-pager__link--next:after {
- margin-left: 0.25em;
- }
-
- [dir="rtl"] .book-pager__link--next:after {
- margin-right: 0.25em;
- }
-
- [dir="ltr"] .book-pager__link--next:after {
- border-left: solid 0.1875rem currentColor;
- }
-
- [dir="rtl"] .book-pager__link--next:after {
- border-right: solid 0.1875rem currentColor;
- }
-
- .book-pager__link--next:after {
- display: block;
- width: 0.5625rem;
- height: 0.5625rem;
- content: "";
- transform: rotate(135deg);
- border-top: solid 0.1875rem currentColor;
- }
-
- [dir="ltr"] .book-navigation__menu {
- margin-left: 0;
- }
-
- [dir="rtl"] .book-navigation__menu {
- margin-right: 0;
- }
-
- [dir="ltr"] .book-navigation__menu {
- margin-right: 0;
- }
-
- [dir="rtl"] .book-navigation__menu {
- margin-left: 0;
- }
-
- [dir="ltr"] .book-navigation__menu {
- padding-left: 0;
- }
-
- [dir="rtl"] .book-navigation__menu {
- padding-right: 0;
- }
-
- [dir="ltr"] .book-navigation__menu {
- padding-right: 0;
- }
-
- [dir="rtl"] .book-navigation__menu {
- padding-left: 0;
- }
-
- .book-navigation__menu {
- margin-top: 2.25rem;
- margin-bottom: 2.25rem;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
- }
-
- [dir="ltr"] .book-navigation__item {
- padding-left: 0;
- }
-
- [dir="rtl"] .book-navigation__item {
- padding-right: 0;
- }
-
- [dir="ltr"] .book-navigation__item {
- padding-right: 0;
- }
-
- [dir="rtl"] .book-navigation__item {
- padding-left: 0;
- }
-
- .book-navigation__item {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 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.