Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 01:10:58 +01:00
Code Issues 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 %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% 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 %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.f1a3b89f.min.css' | url }}"> <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); padding: px2rem(8px) px2rem(16px);
color: var(--md-default-fg-color--light); color: var(--md-default-fg-color--light);
font-size: px2rem(14px); font-size: px2rem(14px);
background: var(--md-default-bg-color); background-color: var(--md-default-bg-color);
border-radius: px2rem(32px); border-radius: px2rem(32px);
outline: none; outline: none;
box-shadow: box-shadow:
@ -41,9 +41,10 @@
0 0 px2rem(1px) hsla(0, 0%, 0%, 0.25); 0 0 px2rem(1px) hsla(0, 0%, 0%, 0.25);
transform: translate(-50%, 0); transform: translate(-50%, 0);
transition: transition:
opacity 125ms, color 125ms,
background-color 125ms,
transform 125ms cubic-bezier(0.4, 0, 0.2, 1), transform 125ms cubic-bezier(0.4, 0, 0.2, 1),
background-color 125ms; opacity 125ms;
// [print]: Hide back-to-top button // [print]: Hide back-to-top button
@media print { @media print {
@ -67,7 +68,7 @@
&:focus, &:focus,
&:hover { &:hover {
color: var(--md-accent-bg-color); color: var(--md-accent-bg-color);
background: var(--md-accent-fg-color); background-color: var(--md-accent-fg-color);
} }
// Inline icon // Inline icon