Stylesheet mixins.bauplan.less

Language: less

Mixin functions

Source:

Methods

.accessibilityHide()

Visually hide text present for accessibilty purposes

Source:

.animation(@animationPropertiesopt)

Cross-browser animation rule property

Parameters
Name Type Attributes Description
@animationProperties animation <optional>

Animation properties
Source:

.animator(@n, @p, @s, @1popt, @1ropt, …@npopt, …@nropt)

Cross-browser keyframe animation rule properties

Parameters
Name Type Attributes Description
@n string

Id of animation
@p string | boolean

Duration of animation
@s string | boolean

Target class for animation
@1p unit <optional>

Keyframe
@1r string <optional>

Animation properties
@np unit <optional>
<repeatable>

Additional keyframes
@nr string <optional>
<repeatable>

Additional animation properties
Source:
Examples
.animator(ANIMATIONID; 10s infinite; ".targetclass";
  0%; "left: 15%";
  50%; "left: 100%";
  100%; "left: 15%";
);
.animator(ANOTHERANMID; false; false;
   0%; "opacity: 0";
   100%; "opacity: 1";
);

.border-radius(@radius)

Browser-prefixed border-radius

Parameters
Name Type Description
@radius unit

Border radius size (px|em|rem)
Source:

.box-shadow(@shadow)

Browser-prefixed box-shadow

Parameters
Name Type Description
@shadow shadow-properties

Shadow properties
Source:

.box-sizing()

Browser-prefixed box-sizing

Source:

.currencySymbol()

Prepend amount with £ symbol

Source:

.hoverUnderline()

Only display link underline on :hover

Source:

.opacity(@op)

Cross-browser opacity

Parameters
Name Type Description
@op number

Opacity value between 0 and 1
Source:

.placeholder(@color)

Cross-browser placeholder colour

Parameters
Name Type Description
@color color

Placeholder text color
Source:

.siteDivider()

Add visual division between site sections

Source:

.transition(@transpropsopt)

Cross-browser transition rule property

Parameters
Name Type Attributes Description
@transprops transition <optional>

Transition properties
Source:

.vertical-align(@percentopt, @positionopt)

Cross-browser vertical alignment

Parameters
Name Type Attributes Default Description
@percent unit <optional>
 50%

Vertical alignment offset
@position string <optional>
 absolute

Position type to use
Source: