Bulma Control placeholder

In this article, we’ll learn about the Bulma Control placeholder. The Bulma Control placeholder is an extended version of the control() mixin. The control() mixin is also used as Sass placeholder( %control).

Bulma Control placeholder 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-control-extend">
 //statement
</div>

.bulma-control-extend {
 @extend %control;
}

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 Control placeholder.

• index.html

• Style.css:

Output:

Example 2: Below example illustrates the Bulma Control placeholder.

• style.css

Output: