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 %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% 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 %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9647289d.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9647289d.min.css' | url }}">

View File

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