Mixins

Todo lo necesario para simplificarnos la vida.

Transition:

@include transition($properties, $time, $type, $delayTime) - Retorna una transicion optimizada (will-change para agilizar)

• $properties: Propiedades a animar.
• $time: Duracion de la transicion.
• $type: easy-out, linear etc.
• $delayTime: Retraza la transicion

RealVh:

@include realVh($property, $value) - Setea una propiedad con el valor que se le ingrese el cual es un porcentaje del alto del viewport, es mas exacto que usar vh ya que esta variable a travez de javascript se define automaticamente en cada cambio del alto, muy util en mobile y safari donde el alto cambia al hacer scroll en la pagina (se oculta la barra de direcciones del navegador).

• $property: Propiedadad a definir. Ejem: height, min-height.
• $value: Porcentaje del tamaño del viewport.

textTruncate:

@include textTruncate($maxLine, $lineHeight, $content, $bg-color) - Funcion que trunca el largo de un texto y reeemplaza el final por (...).

Recomendaciones : no modificar el padding de esta linea, ya que interrumpira el calculo de el texto con respecto a la linea y cantidad ed lineas,

• $maxLine: Cantidad de lineas maximas.
• $lineHeight: Tamaño del line height .
• $content: Texto con el que se trunca la linea, por lo general se debe colocar (...) aunque semanticamente es valido tambien (-).
• $bg-color: Color del fondo de la linea, ya que agrega una caja que tapa el texto que se desborda y arriba de este se posiciona el (...).

fancyScroll:

@include fancyScroll($width, $controlWidth, $controlColor, $bg-color) - Añade un un scroll costumizado.

• $width: Ancho del scroll.
• $controlWidth: Ancho del control.
• $controlColor: Color del control.
• $bg-color: Color del scroll.