// ```
// Container with floated child elements with .lib-clearfix()
// ```
//
//
// Float left
//
//
// Float right
//
//
// ```
// # .lib-visibility-hidden()
//
// The .lib-visibility-hidden()() mixin changes element`s visibility to hidden and height to 0.
//
.example-visibility-hidden {
.lib-visibility-hidden();
}
//
// This is a block with applied .lib-visibility-hidden() mixin.
//
// ```
//
//
// This is hidden text
//
//
// ```
// # .lib-visually-hidden()
//
// The .lib-visually-hidden() mixin safely hides the element for accessibility reasons.
//
.example-visually-hidden-1 {
.lib-visually-hidden();
}
//
// This is a block with applied .lib-visually-hidden() mixin.
//
// ```
//
//
// This is hidden text
//
//
// ```
// # .lib-visually-hidden-reset()
//
// The .lib-visually-hidden-reset() mixin resets hidden visibility and makes element again visible.
//
.example-visually-hidden-2 {
background: #fdf0d5;
padding: 5px;
.lib-visually-hidden();
}
.example-visually-hidden-2 {
.lib-visually-hidden-reset();
}
//
// This is a block with applied .lib-visually-hidden-reset() mixin after .lib-visually-hidden() applying.
//
// ```
//
//
// The text is visible again
//
//
// ```
// # .lib-css()
//
// The .lib-css() mixin is used to set any css property if there is a value passed to it by a variable. Also .lib-css() can add -ms-, -webkit- and -moz- prefixes if needed.
//
.example-css-container {
.lib-css(padding, @indent__base);
.lib-css(background, @secondary__color);
}
//
// If the variable is set to false, the .lib-css() mixin will add nothing to the code.
//
// ```
//
// Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt..
//
If set to 'true' the element has gradient background
//
//
//
@_background-gradient-direction
//
''
//
'' | horizontal | vertical
//
Gradient direction (horizontal or vertical)
//
//
//
@_background-gradient-color-start
//
''
//
'' | false | value
//
Gradient start color (any css color)
//
//
//
@_background-gradient-color-end
//
''
//
'' | false | value
//
Gradient end color (any css color)
//
//
//
@_background-gradient-color-position
//
false
//
'' | false | true
//
Sets the background-color fallback property. When set to 'false', the background-color property will be set to @_background-gradient-color-end. When set to 'true', the background-color property will be set to @_background-gradient-color-start