Añadir aristas angulares a cualquier elemento-aristas angulares

Tiempo de ejecución: 30 minutos. Empezar

Autor: NigelOToole
Views Total: 993
Sitio oficial: Ir a la web
Actualizado: October 19, 2018
Licencia: MIT

Vista prévia

Añadir aristas angulares a cualquier elemento-aristas angulares

Descripción

De manera similar a la en ángulo, este mixin SASS le permite crear aristas angulares en los elementos sin la necesidad de un elemento SVG.

Funcionamiento

Instale e importe los bordes angulares en el proyecto.

# NPM
$ npm install angled-edges --save

Instale e importe los bordes angulares en el proyecto.

  • Arriba
  • Izquierda
  • Parte inferior
  • Correcto
  • Ambos
<div class="angle--top-left">

element here
</div>

Personaliza los "bordes angulados".

  • $angle: El ángulo en grados: 1 – 45
  • $angle-Position-y: La posición Y del ángulo: superior | parte inferior | Ambos
  • $angle-Position-x: La posición X del ángulo: izquierda | Correcto
  • $angle-posición-inferior-x: La posición X del ángulo inferior si se utiliza ' both ' para $angle-Position-y: Left | Correcto
  • $fallback: Crear una reserva para exploradores más antiguos: true | Falso
  • $fallback-color: Color de reserva para navegadores antiguos: color Hex

Registro de cambios

10/19/2018

  • Bugfix

Te puede interesar: