mirror of
https://github.com/squidfunk/mkdocs-material.git
synced 2024-06-14 11:52:32 +03:00
Refactored footer to use flex positioning
This commit is contained in:
parent
183db0937c
commit
6c9ffe0bda
2
material/assets/stylesheets/main.c31396f4.min.css
vendored
Normal file
2
material/assets/stylesheets/main.c31396f4.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
material/assets/stylesheets/main.c31396f4.min.css.map
Normal file
1
material/assets/stylesheets/main.c31396f4.min.css.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -34,7 +34,7 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% block styles %}
|
{% block styles %}
|
||||||
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.cef86043.min.css' | url }}">
|
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.c31396f4.min.css' | url }}">
|
||||||
{% if config.theme.palette %}
|
{% if config.theme.palette %}
|
||||||
{% set palette = config.theme.palette %}
|
{% set palette = config.theme.palette %}
|
||||||
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">
|
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">
|
||||||
|
@ -36,6 +36,8 @@
|
|||||||
|
|
||||||
// Footer wrapper
|
// Footer wrapper
|
||||||
&__inner {
|
&__inner {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
padding: px2rem(4px);
|
padding: px2rem(4px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@ -48,11 +50,6 @@
|
|||||||
outline-color: var(--md-accent-fg-color);
|
outline-color: var(--md-accent-fg-color);
|
||||||
transition: opacity 250ms;
|
transition: opacity 250ms;
|
||||||
|
|
||||||
// [tablet +]: Adjust width to 50/50
|
|
||||||
@include break-from-device(tablet) {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Footer link on focus/hover
|
// Footer link on focus/hover
|
||||||
&:is(:focus, :hover) {
|
&:is(:focus, :hover) {
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
@ -60,11 +57,9 @@
|
|||||||
|
|
||||||
// Footer link to previous page
|
// Footer link to previous page
|
||||||
&--prev {
|
&--prev {
|
||||||
float: left;
|
|
||||||
|
|
||||||
// [mobile -]: Adjust width to 25/75 and hide title
|
// [mobile -]: Adjust width to 25/75 and hide title
|
||||||
@include break-to-device(mobile) {
|
@include break-to-device(mobile) {
|
||||||
width: 25%;
|
|
||||||
|
|
||||||
// Hide footer title
|
// Hide footer title
|
||||||
.md-footer__title {
|
.md-footer__title {
|
||||||
@ -74,7 +69,6 @@
|
|||||||
|
|
||||||
// Adjust for right-to-left languages
|
// Adjust for right-to-left languages
|
||||||
[dir="rtl"] & {
|
[dir="rtl"] & {
|
||||||
float: right;
|
|
||||||
|
|
||||||
// Flip icon vertically
|
// Flip icon vertically
|
||||||
svg {
|
svg {
|
||||||
@ -85,17 +79,10 @@
|
|||||||
|
|
||||||
// Footer link to next page
|
// Footer link to next page
|
||||||
&--next {
|
&--next {
|
||||||
float: right;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
// [mobile -]: Adjust width to 25/75
|
|
||||||
@include break-to-device(mobile) {
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Adjust for right-to-left languages
|
// Adjust for right-to-left languages
|
||||||
[dir="rtl"] & {
|
[dir="rtl"] & {
|
||||||
float: left;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
// Flip icon vertically
|
// Flip icon vertically
|
||||||
|
Loading…
Reference in New Issue
Block a user