From 1281e6a5f7f783cdfe1786bb5d3c27ade3c3ea19 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 17 May 2023 15:30:46 +0200 Subject: [PATCH] Fix bootstrap utility classes on RTL layourt --- .../_custom-bootstrap-helpers.scss | 175 ++++++++++++++++++ 1 file changed, 175 insertions(+) diff --git a/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss b/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss index b39c4144f..0ecad14f9 100644 --- a/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss +++ b/client/src/sass/class-helpers/_custom-bootstrap-helpers.scss @@ -10,3 +10,178 @@ .fs-7 { @include font-size(14px); } + +// Handle dynamically RTL layouts + +.text-start { + text-align: start !important; +} + +.text-end { + text-align: end !important; +} + +// --- + + +.ms-0 { + @include margin-left(0 !important); + + margin-left: inherit !important; +} + +.ms-1 { + @include margin-left(0.25rem !important); + + margin-left: inherit !important; +} + +.ms-2 { + @include margin-left(0.5rem !important); + + margin-left: inherit !important; +} + +.ms-3 { + @include margin-left(1rem !important); + + margin-left: inherit !important; +} + +.ms-4 { + @include margin-left(1.5rem !important); + + margin-left: inherit !important; +} + +.ms-5 { + @include margin-left(3rem !important); + + margin-left: inherit !important; +} + +.ms-auto { + @include margin-left(auto !important); + + margin-left: inherit !important; +} + +// --- + +.me-0 { + @include margin-right(0 !important); + + margin-right: inherit !important; +} + +.me-1 { + @include margin-right(0.25rem !important); + + margin-right: inherit !important; +} + +.me-2 { + @include margin-right(0.5rem !important); + + margin-right: inherit !important; +} + +.me-3 { + @include margin-right(1rem !important); + + margin-right: inherit !important; +} + +.me-4 { + @include margin-right(1.5rem !important); + + margin-right: inherit !important; +} + +.me-5 { + @include margin-right(3rem !important); + + margin-right: inherit !important; +} + +.me-auto { + @include margin-right(auto !important); + + margin-right: inherit !important; +} + +// --- + +.ps-0 { + @include padding-left(0 !important); + + padding-left: inherit !important; +} + +.ps-1 { + @include padding-left(0.25rem !important); + + padding-left: inherit !important; +} + +.ps-2 { + @include padding-left(0.5rem !important); + + padding-left: inherit !important; +} + +.ps-3 { + @include padding-left(1rem !important); + + padding-left: inherit !important; +} + +.ps-4 { + @include padding-left(1.5rem !important); + + padding-left: inherit !important; +} + +.ps-5 { + @include padding-left(3rem !important); + + padding-left: inherit !important; +} + +// --- + +.pe-0 { + @include padding-right(0 !important); + + padding-right: inherit !important; +} + +.pe-1 { + @include padding-right(0.25rem !important); + + padding-right: inherit !important; +} + +.pe-2 { + @include padding-right(0.5rem !important); + + padding-right: inherit !important; +} + +.pe-3 { + @include padding-right(1rem !important); + + padding-right: inherit !important; +} + +.pe-4 { + @include padding-right(1.5rem !important); + + padding-right: inherit !important; +} + +.pe-5 { + @include padding-right(3rem !important); + + padding-right: inherit !important; +}