Improved alignment of social links and copyright notice

This commit is contained in:
squidfunk 2020-03-15 14:21:54 +01:00
parent b9fd6086a5
commit 278a40e8d7
7 changed files with 15 additions and 24 deletions

View File

@ -1,10 +1,10 @@
{ {
"assets/javascripts/bundle.js": "assets/javascripts/bundle.4663b779.min.js", "assets/javascripts/bundle.js": "assets/javascripts/bundle.7bc07fc0.min.js",
"assets/javascripts/bundle.js.map": "assets/javascripts/bundle.4663b779.min.js.map", "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.7bc07fc0.min.js.map",
"assets/javascripts/vendor.js": "assets/javascripts/vendor.b0b43276.min.js", "assets/javascripts/vendor.js": "assets/javascripts/vendor.b0b43276.min.js",
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.b0b43276.min.js.map", "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.b0b43276.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.784c5235.min.js", "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.784c5235.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.784c5235.min.js.map", "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.784c5235.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.5606edae.min.css", "assets/stylesheets/main.css": "assets/stylesheets/main.4e5ff6db.min.css",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.31180ff2.min.css" "assets/stylesheets/palette.css": "assets/stylesheets/palette.31180ff2.min.css"
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -41,7 +41,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.5606edae.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.4e5ff6db.min.css' | url }}">
{% if palette.primary or palette.accent %} {% if palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.31180ff2.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.31180ff2.min.css' | url }}">
{% endif %} {% endif %}
@ -178,7 +178,7 @@
{% endblock %} {% endblock %}
{% block scripts %} {% block scripts %}
<script src="{{ 'assets/javascripts/vendor.b0b43276.min.js' | url }}"></script> <script src="{{ 'assets/javascripts/vendor.b0b43276.min.js' | url }}"></script>
<script src="{{ 'assets/javascripts/bundle.4663b779.min.js' | url }}"></script> <script src="{{ 'assets/javascripts/bundle.7bc07fc0.min.js' | url }}"></script>
{%- set translations = {} -%} {%- set translations = {} -%}
{%- for key in [ {%- for key in [
"clipboard.copy", "clipboard.copy",

View File

@ -140,8 +140,10 @@
// Set spacing // Set spacing
&__inner { &__inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: px2rem(4px); padding: px2rem(4px);
overflow: auto;
} }
// Use a decent color for non-hovered links and ensure specificity // Use a decent color for non-hovered links and ensure specificity
@ -158,20 +160,15 @@
// Copyright and theme information // Copyright and theme information
.md-footer-copyright { .md-footer-copyright {
margin: 0 px2rem(12px); width: 100%;
margin: auto px2rem(12px);
padding: px2rem(8px) 0; padding: px2rem(8px) 0;
color: var(--md-default-bg-color--lighter); color: var(--md-default-bg-color--lighter);
font-size: ms(-1); font-size: ms(-1);
// [tablet portrait +]: Show next to social media links // [tablet portrait +]: Show next to social media links
@include break-from-device(tablet portrait) { @include break-from-device(tablet portrait) {
float: left; width: auto;
max-width: 75%;
// Adjust for right-to-left languages
[dir="rtl"] & {
float: right;
}
} }
// Highlight copyright information // Highlight copyright information
@ -180,20 +177,14 @@
} }
} }
// Social media links // Social links
.md-footer-social { .md-footer-social {
margin: 0 px2rem(8px); margin: 0 px2rem(8px);
padding: px2rem(4px) 0 px2rem(12px); padding: px2rem(4px) 0 px2rem(12px);
// [tablet portrait +]: Show next to copyright information // [tablet portrait +]: Show next to copyright information
@include break-from-device(tablet portrait) { @include break-from-device(tablet portrait) {
float: right;
padding: px2rem(12px) 0; padding: px2rem(12px) 0;
// Adjust for right-to-left languages
[dir="rtl"] & {
float: left;
}
} }
// Link with icon // Link with icon