Bulma LTR Position

In this article, we will learn about the Bulma LTR Position. The LTR position is a direction mixin that is used to quickly switch between left and right CSS properties when dealing with positioning elements. 

Bulma LTR Position Class: For creating a mixin, no specific class is provided by Bulma, instead we can create our class and then style the element with the help of SASS mixins.

Syntax:

<div class="bulma-ltr-position-mixin">
 //statement
</div>
.bulma-ltr-position-mixin {
 @include ltr-position($spacing, $right);
}

Parameters: This mixin accepts two parameters which are defined as follows:

• $spacing: This parameter of LTR position is used to define the value of the offset
• $right: This parameter of LTR position is used to define if the property outputs right (default) or left.

Note: You must know the implementation of SASS mixins for the below examples. Please see the pre-requisite given on the link and then implement the below code.

Example 1: Below example illustrates the Bulma LTR Position mixin.

CSS code:

Output:

Example 2: Below is another example that illustrates the Bulma LTR position mixin.

CSS code:

Output: