OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed transitions on back-to-top button

Browse Source
This commit is contained in:
squidfunk 2021-07-10 10:21:52 +02:00
parent f6efb78389
commit 7ca4ca1a90
5 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/main.2e1f6369.min.css.map
View File

File diff suppressed because one or more lines are too long

4
material/assets/stylesheets/main.2e1f6369.min.css → material/assets/stylesheets/main.80873392.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.80873392.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -39,7 +39,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.2e1f6369.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.80873392.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.f1a3b89f.min.css' | url }}">

9
src/assets/stylesheets/main/layout/_top.scss
View File

@ -33,7 +33,7 @@
padding: px2rem(8px) px2rem(16px);
color: var(--md-default-fg-color--light);
font-size: px2rem(14px);
background: var(--md-default-bg-color);
background-color: var(--md-default-bg-color);
border-radius: px2rem(32px);
outline: none;
box-shadow:
@ -41,9 +41,10 @@
0 0 px2rem(1px) hsla(0, 0%, 0%, 0.25);
transform: translate(-50%, 0);
transition:
opacity 125ms,
color 125ms,
background-color 125ms,
transform 125ms cubic-bezier(0.4, 0, 0.2, 1),
background-color 125ms;
opacity 125ms;
// [print]: Hide back-to-top button
@media print {
@ -67,7 +68,7 @@
&:focus,
&:hover {
color: var(--md-accent-bg-color);
background: var(--md-accent-fg-color);
background-color: var(--md-accent-fg-color);
}
// Inline icon