Fixed some spacing issues for right-to-left languages

This commit is contained in:
squidfunk 2021-10-02 11:51:12 +02:00
parent 12666a3c00
commit 2d3354bd0e
7 changed files with 19 additions and 13 deletions

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

File diff suppressed because one or more lines are too long

View File

@ -39,7 +39,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.5a8d6a6f.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.1c75ef36.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.3f5d1f46.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}">

View File

@ -305,6 +305,12 @@
margin-right: px2rem(-4px); margin-right: px2rem(-4px);
font-size: px2rem(24px); font-size: px2rem(24px);
// Adjust for right-to-left languages
[dir="rtl"] & {
margin-right: 0;
margin-left: px2rem(-4px);
}
// Navigation icon in link to next level // Navigation icon in link to next level
&::after { &::after {
display: block; display: block;

View File

@ -161,22 +161,22 @@
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: contain; mask-size: contain;
content: ""; content: "";
}
// Adjust spacing for repository fact icon
&:nth-child(1n+2)::before {
margin-left: px2rem(8px);
}
// Adjust for right-to-left languages // Adjust for right-to-left languages
[dir="rtl"] & { [dir="rtl"] & {
margin-right: initial; margin-right: initial;
margin-left: px2rem(2px); margin-left: px2rem(2px);
}
}
// Adjust spacing for repository fact icon // Adjust spacing for repository fact icon
&:nth-child(1n+2)::before { &:nth-child(1n+2)::before {
margin-left: px2rem(8px);
// Adjust for right-to-left languages
[dir="rtl"] & {
margin-right: px2rem(8px); margin-right: px2rem(8px);
margin-left: initial; margin-left: px2rem(2px);
} }
} }