SASS mixin para bordes angulados

Tiempo de ejecución: 30 minutos. Empezar

Autor: josephfusco
Views Total: 2,056
Sitio oficial: Ir a la web
Actualizado: June 17, 2016
Licencia: MIT

Vista prévia

SASS mixin para bordes angulados

Descripción

Un mixin SASS que le ayuda a aplicar el efecto de borde angular/inclinado basado en SVG a cualquier sección de página.

Funcionamiento

Importe los bordes en ángulo.

@import "angled-edges";

Personalice los bordes angulares con los siguientes parámetros.

  • $location: Ubicación de la forma con respecto al elemento principal: ' interior superior ', ' exterior superior ', ' interior inferior ' o ' exterior inferior '.
  • $hypotenuse: Lado del triángulo de la derecha que la hipotenusa está en: ' superior izquierda ', ' superior derecha ', ' inferior izquierda ', o ' inferior derecha '.
  • $fill: Color de relleno del triángulo
  • $width: Ancho del triángulo – 1500px por defecto
  • $height: Altura del triángulo – 80px por defecto

Te puede interesar: