Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/disjfa/refero-list

Refero list is a simple and fun css list you can add to your website.
https://github.com/disjfa/refero-list

css css-animations css-modules sass scss

Last synced: 17 days ago
JSON representation

Refero list is a simple and fun css list you can add to your website.

Awesome Lists containing this project

README

        

# refero-list
[![version][version-badge]][package]
[![MIT License][license-badge]][LICENSE]
[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)

[![Watch on GitHub][github-watch-badge]][github-watch]
[![Star on GitHub][github-star-badge]][github-star]
[![Tweet][twitter-badge]][twitter]

Refero list is a simple and fun css list you can add to your website. Hover or tap an item to get an info block where
you can add extra info. Just try and enjoy! Check out the [demo](https://disjfa.github.io/refero-list/) for an example.

# Instalation

```
npm install refero-list
```

# How to use

Create a base scss file. Add this to the main file.

```scss
@import "~refero-list/scss/refero-list";
```

And go and create a super website.

#### The hard way

Copy the files from the dist folder. Located here;

```css
refero-list/dist/css/refero-list.css
```

# Issues

Issues can be reported [here](https://github.com/disjfa/refero-list/issues)

## Contributors

| [
disjfa](http://www.disjfa.nl)
[📖](https://github.com/disjfa/refero-list/disjfa/refero-list/commits?author=disjfa "Documentation") [💻](https://github.com/disjfa/refero-list/disjfa/refero-list/commits?author=disjfa "Code") [💬](#question-disjfa "Answering Questions") |
| :---: |

Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):

This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!

[package]: https://www.npmjs.com/package/refero-list
[version-badge]: https://img.shields.io/npm/v/refero-list.svg?style=flat-square
[license]: https://github.com/disjfa/refero-list/blob/master/LICENSE
[license-badge]: https://img.shields.io/npm/l/refero-list.svg?style=flat-square
[github-watch-badge]: https://img.shields.io/github/watchers/disjfa/refero-list.svg?style=social
[github-watch]: https://github.com/disjfa/refero-list/watchers
[github-star-badge]: https://img.shields.io/github/stars/disjfa/refero-list.svg?style=social
[github-star]: https://github.com/disjfa/refero-list/stargazers
[twitter]: https://twitter.com/intent/tweet?text=Check%20out%20refero-list!%20-%20Cool%20admin%20template!%20Thanks%20@disjfa%20https://github.com/disjfa/refero-list%20%F0%9F%A4%97
[twitter-badge]: https://img.shields.io/twitter/url/https/github.com/disjfa/refero-list.svg?style=social