Global

Methods

.create-icon(@class, @value)

Apply a FontAwesome icon on a Semantic element and hide the semantic content.
Parameters:
Name Type Description
@class string To which class apply the icon.
@value number What is the icon to apply.
Source:
Example
<!-- Html -->
<div class="ui share">
    <!-- ... -->
    <a href class="facebook"><span>Facebook</span></a>
    <!-- ... -->
</div>
// Less
.share {
    .create-icon(e("facebook"), @fa-var-facebook);
}

.font-size(@sizeValue)

Set the font size in px and just after in rem with rapport 10px == 1rem.
Parameters:
Name Type Description
@sizeValue number Set the size in rem (will be auto convert in px).
Source:

.rotate(@value)

A shortcut for all prefixe of `transform: rotate(@value);`.
Parameters:
Name Type Description
@value string Set the offset of rotation.
Source:

.transform(@value)

A shortcut for all prefixe of `transform: @value;`.
Parameters:
Name Type Description
@value string Set a transformation directive.
Source:

.transform(@value)

A shortcut for all prefixe of `transition: @value;`.
Parameters:
Name Type Description
@value string Set a transition directive.
Source:

.translate-X(@value)

A shortcut for all prefixe of `transform: translateX(@value);`.
Parameters:
Name Type Description
@value string Set the offset of translation.
Source:

.translate-xy(@value, @valueY)

A shortcut for all prefixe of `transform: translate(@value, @valueY)`.
Parameters:
Name Type Description
@value string Set the offset of X translation.
@valueY string Set the offset of Y translation.
Source:

.translate-y(@value)

A shortcut for all prefixe of `transform: translateY(@value);`.
Parameters:
Name Type Description
@value string Set the offset of translation.
Source: