Improved rendering of code annotation markers

This commit is contained in:
squidfunk 2022-04-25 09:59:04 +02:00
parent 68bcb1a157
commit 6a811bbc6a
4 changed files with 6 additions and 5 deletions

View File

@ -34,7 +34,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.df45aa19.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.8c5ef100.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9647289d.min.css' | url }}">

View File

@ -217,7 +217,8 @@
&::before {
display: inline-block;
padding-bottom: 0.1em;
vertical-align: 0.0625em;
vertical-align: 0.065em;
transform: scale(1.15);
transition: transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
content: attr(data-md-annotation-id);
@ -228,7 +229,7 @@
// Annotation marker content on focus
:focus-within > & {
transform: rotate(45deg);
transform: scale(1.25) rotate(45deg);
}
}
}