cr
card-ribbon
npm i card-ribbon
cr

card-ribbon

Card ribbon in pure CSS.

by EGOIST

0.1.3 (see all)License:MITTypeScript:Not Found
npm i card-ribbon
Readme

card-ribbon NPM version NPM downloads

Card ribbon in pure CSS. (in bytes!)

Install

$ npm install --save card-ribbon

Usage

The parent element of .card-ribbon should be position: relative;

<div class="parent-element">
  <div class="card-ribbon">This is the ribbon!</div>
  <div class="content">Whatever contents...</div>
</div>

Then include the CSS file via <link> attribute.

<link rel="stylesheet" href="/path/to/card-ribbon/dist/card-ribbon.css">

Or use some CSS pre-processor:

@import "card-ribbon";

Browser Support

IE 10 and above, Chrome, Safari, Firefox and a bunch of shit.

License

MIT © EGOIST

Downloads/wk

20

GitHub Stars

21

LAST COMMIT

6yrs ago

MAINTAINERS

1

CONTRIBUTORS

1

OPEN ISSUES

0

OPEN PRs

1
VersionTagPublished
0.1.3
latest
6yrs ago
No alternatives found
No tutorials found
Add a tutorial

Rate & Review

100
No reviews found
Be the first to rate