Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
project
drupal
Commits
f429abac
Unverified
Commit
f429abac
authored
Apr 30, 2021
by
lauriii
Browse files
Issue
#3196874
by andy-blum, mherchel: BEMifying Olivero's book pager
parent
e3d87874
Changes
3
Hide whitespace changes
Inline
Side-by-side
core/themes/olivero/css/components/book.css
View file @
f429abac
...
...
@@ -11,35 +11,35 @@
*/
[
dir
=
"ltr"
]
.book-pager
{
margin-left
:
0
margin-left
:
0
;
}
[
dir
=
"rtl"
]
.book-pager
{
margin-right
:
0
margin-right
:
0
;
}
[
dir
=
"ltr"
]
.book-pager
{
margin-right
:
0
margin-right
:
0
;
}
[
dir
=
"rtl"
]
.book-pager
{
margin-left
:
0
margin-left
:
0
;
}
[
dir
=
"ltr"
]
.book-pager
{
padding-left
:
0
padding-left
:
0
;
}
[
dir
=
"rtl"
]
.book-pager
{
padding-right
:
0
padding-right
:
0
;
}
[
dir
=
"ltr"
]
.book-pager
{
padding-right
:
0
padding-right
:
0
;
}
[
dir
=
"rtl"
]
.book-pager
{
padding-left
:
0
padding-left
:
0
;
}
.book-pager
{
...
...
@@ -49,17 +49,9 @@
padding-top
:
0
;
padding-bottom
:
1.125rem
;
list-style
:
none
;
border-bottom
:
solid
1px
#0d77b5
border-bottom
:
solid
1px
#0d77b5
;
}
.book-pager
a
{
text-decoration
:
none
;
color
:
#0d77b5
;
font-family
:
"Lora"
,
"georgia"
,
serif
;
font-size
:
1.125rem
;
font-weight
:
600
;
}
.book-pager__item
{
display
:
inline-block
}
...
...
@@ -81,41 +73,46 @@
@media
(
min-width
:
31.25rem
)
{
[
dir
=
"ltr"
]
.book-pager__item--next
{
margin-left
:
auto
margin-left
:
auto
;
}
[
dir
=
"rtl"
]
.book-pager__item--next
{
margin-right
:
auto
margin-right
:
auto
;
}
[
dir
=
"ltr"
]
.book-pager__item--next
{
text-align
:
right
text-align
:
right
;
}
[
dir
=
"rtl"
]
.book-pager__item--next
{
text-align
:
left
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
margin-right
:
0.25em
;
}
[
dir
=
"rtl"
]
.book-pager__link--previous
:before
{
margin-left
:
0.25em
margin-left
:
0.25em
;
}
[
dir
=
"ltr"
]
.book-pager__link--previous
:before
{
border-left
:
solid
3px
currentColor
border-left
:
solid
3px
currentColor
;
}
[
dir
=
"rtl"
]
.book-pager__link--previous
:before
{
border-right
:
solid
3px
currentColor
border-right
:
solid
3px
currentColor
;
}
.book-pager__link--previous
:before
{
...
...
@@ -128,19 +125,19 @@
}
[
dir
=
"ltr"
]
.book-pager__link--next
:after
{
margin-left
:
0.25em
margin-left
:
0.25em
;
}
[
dir
=
"rtl"
]
.book-pager__link--next
:after
{
margin-right
:
0.25em
margin-right
:
0.25em
;
}
[
dir
=
"ltr"
]
.book-pager__link--next
:after
{
border-left
:
solid
3px
currentColor
border-left
:
solid
3px
currentColor
;
}
[
dir
=
"rtl"
]
.book-pager__link--next
:after
{
border-right
:
solid
3px
currentColor
border-right
:
solid
3px
currentColor
;
}
.book-pager__link--next
:after
{
...
...
@@ -153,35 +150,35 @@
}
[
dir
=
"ltr"
]
.book-navigation__menu
{
margin-left
:
0
margin-left
:
0
;
}
[
dir
=
"rtl"
]
.book-navigation__menu
{
margin-right
:
0
margin-right
:
0
;
}
[
dir
=
"ltr"
]
.book-navigation__menu
{
margin-right
:
0
margin-right
:
0
;
}
[
dir
=
"rtl"
]
.book-navigation__menu
{
margin-left
:
0
margin-left
:
0
;
}
[
dir
=
"ltr"
]
.book-navigation__menu
{
padding-left
:
0
padding-left
:
0
;
}
[
dir
=
"rtl"
]
.book-navigation__menu
{
padding-right
:
0
padding-right
:
0
;
}
[
dir
=
"ltr"
]
.book-navigation__menu
{
padding-right
:
0
padding-right
:
0
;
}
[
dir
=
"rtl"
]
.book-navigation__menu
{
padding-left
:
0
padding-left
:
0
;
}
.book-navigation__menu
{
...
...
@@ -193,19 +190,19 @@
}
[
dir
=
"ltr"
]
.book-navigation__item
{
padding-left
:
0
padding-left
:
0
;
}
[
dir
=
"rtl"
]
.book-navigation__item
{
padding-right
:
0
padding-right
:
0
;
}
[
dir
=
"ltr"
]
.book-navigation__item
{
padding-right
:
0
padding-right
:
0
;
}
[
dir
=
"rtl"
]
.book-navigation__item
{
padding-left
:
0
padding-left
:
0
;
}
.book-navigation__item
{
...
...
core/themes/olivero/css/components/book.pcss.css
View file @
f429abac
...
...
@@ -16,14 +16,6 @@
padding-inline-end
:
0
;
list-style
:
none
;
border-block-end
:
solid
1px
var
(
--color--blue-20
);
&
a
{
text-decoration
:
none
;
color
:
var
(
--color--blue-20
);
font-family
:
var
(
--font-serif
);
font-size
:
18px
;
font-weight
:
600
;
}
}
.book-pager__item
{
...
...
@@ -50,6 +42,11 @@
.book-pager__link
{
display
:
inline-flex
;
align-items
:
center
;
text-decoration
:
none
;
color
:
var
(
--color--blue-20
);
font-family
:
var
(
--font-serif
);
font-size
:
18px
;
font-weight
:
600
;
}
.book-pager__link--previous
{
...
...
core/themes/olivero/templates/navigation/book-navigation.html.twig
View file @
f429abac
...
...
@@ -43,7 +43,7 @@
{%
endif
%}
{%
if
parent_url
%}
<li
class=
"book-pager__item book-pager__item--center"
>
<a
href=
"
{{
parent_url
}}
"
title=
"
{{
'Go to parent page'
|
t
}}
"
>
{{
'Up'
|
t
}}
</a>
<a
class=
"book-pager__link book-pager__link--center"
href=
"
{{
parent_url
}}
"
title=
"
{{
'Go to parent page'
|
t
}}
"
>
{{
'Up'
|
t
}}
</a>
</li>
{%
endif
%}
{%
if
next_url
%}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment