Problem/Motivation
Bootstrap 5 favors the use of "end" and "start" instead of "right" and "left on utility classes. This is generally intented to avoid using concepts tied to RTL languages, and replicates the semantics of Flexbox, amongst others, where "end" and "start" are not absolute but relative to the direction of the flow.
There are some instances of .mr-auto still on Radix 5.x-dev, most notably the class that separates the navbar-left and navbar-right regions on the navigation area on page.twig:
{% block left %}
{% if page.navbar_left %}
<div class="mr-auto">
{{ page.navbar_left }}
</div>
{% endif %}
{% endblock %}
This issue could also check for other missing utility classes (padding-left, etc)
Issue fork radix-3281660
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
idiaz.ronceroComment #4
idiaz.ronceroComment #5
idiaz.ronceroI did a quick search and replace for .mr, .ml, .pr and .pl classes and found four occurrences.
Also, I found a small typo on
<img src="{{ src }}" width="{{ width|default(30) }}" {{ height_attr }}" alt="{{ alt|default('') }}" class="mr-2" />
, extra quotes after{{ height_attr }}
Comment #6
idiaz.ronceroComment #9
doxigo CreditAttribution: doxigo as a volunteer and at Ramsalt Lab for Sykepleien commentedYet again, thanks for the contribution Díaz, merged to dev