Reduced content shift when icons are loading

This commit is contained in:
squidfunk 2019-12-23 19:39:40 +01:00
parent c736cd9939
commit 581d7c017c
9 changed files with 11 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -86,6 +86,7 @@ input {
direction: ltr; }
.md-content__icon, .md-header-nav__button, .md-footer-nav__button, .md-nav__title::before, .md-nav__button, .md-search-result__article--document::before {
display: inline-block;
width: 2rem;
margin: 0.2rem;
padding: 0.4rem;
font-size: 1.2rem;

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

View File

@ -43,9 +43,9 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/app.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/app.min.css' | url }}">
{% if palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/app-palette.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/app-palette.min.css' | url }}">
{% endif %}
{% if palette.primary %}
{% import "partials/palette.html" as map %}

View File

@ -42,6 +42,7 @@
// Icon rendered as button
&__button {
display: inline-block;
width: #{$md-icon-size + 2 * $md-icon-padding};
margin: $md-icon-margin;
padding: $md-icon-padding;
font-size: $md-icon-size;

View File

@ -97,7 +97,7 @@
<link
rel="stylesheet"
type="text/css"
href="{{ 'assets/stylesheets/app.css' | url }}"
href="{{ 'assets/stylesheets/app.min.css' | url }}"
/>
<!-- Extra color palette -->
@ -105,7 +105,7 @@
<link
rel="stylesheet"
type="text/css"
href="{{ 'assets/stylesheets/app-palette.css' | url }}"
href="{{ 'assets/stylesheets/app-palette.min.css' | url }}"
/>
{% endif %}