https://github.com/olegwock/stylus-angled-edges

Port of SASS angled edges for Stylus
https://github.com/olegwock/stylus-angled-edges

Last synced: 2 months ago
JSON representation

Port of SASS angled edges for Stylus

• Host: GitHub
• URL: https://github.com/olegwock/stylus-angled-edges
• Owner: OlegWock
• License: mit
• Created: 2016-08-15T08:20:59.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-08-15T12:43:41.000Z (about 9 years ago)
• Last Synced: 2025-03-29T10:51:21.971Z (6 months ago)
• Language: CSS
• Size: 2.93 KB
• Stars: 7
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Stylus Angled Edges

This is a port of [SASS Angled Edges](https://github.com/josephfusco/angled-edges) for Stylus.

![demo](https://cloud.githubusercontent.com/assets/6676674/16118929/33700404-33a7-11e6-8e94-a9ace624a41a.png)

## Usage

Copy file **angled-edges.styl** to your project and import it

```stylus

@import 'angled-edges'

```

Now you can use **angled-edge** mixin

```stylus

angled-edge(location, hypotenuse, fill, width=2800, height=100)

```

The main mixin creates an svg right triangle that is encoded, set as a background image of a pseudo element, and absolutely positioned.

[Demo and full documentation](https://github.com/josephfusco/angled-edges)