Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/simoneas02/made-with-heart

<:purple_heart: /> A Polymer element for show your love!
https://github.com/simoneas02/made-with-heart

heart polymer polymer-element webcomponents

Last synced: about 2 months ago
JSON representation

<:purple_heart: /> A Polymer element for show your love!

Host: GitHub
URL: https://github.com/simoneas02/made-with-heart
Owner: simoneas02
License: mit
Created: 2017-01-19T01:44:55.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2018-10-12T01:38:28.000Z (about 6 years ago)
Last Synced: 2024-11-01T06:25:58.565Z (about 2 months ago)
Topics: heart, polymer, polymer-element, webcomponents
Language: HTML
Homepage: https://www.webcomponents.org/element/simoneas02/made-with-heart
Size: 12.7 KB
Stars: 21
Watchers: 4
Forks: 5
Open Issues: 2
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # made-with-heart

> <💜 /> A Polymer element for show your love!

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/simoneas02/made-with-heart)

## How to install and use:

**0 -** install the basic dependencies:

- [NodeJS](https://nodejs.org/en/)

- [Bower](https://www.npmjs.com/package/bower)

**1 -** Install the element using [Bower](http://bower.io/):

```sh

$ bower install made-with-heart --save

```

**2 -** Import the element:

```html

```

**3 -** Start using it!

```html

```

## Properties

Property    | Type        | Default     | Description

:---        |:---         |:---         |:---

`href`      | *String*    | ``          | Hiper link reference

`textright` | *String*    | `Made with` | Left heart text

`textleft`  | *String*    | ``          | Right heart text

## Styling

The following custom properties and mixins are available for styling:

Custom property                | Default  | Description

:---                           |:---      |:---

--made-with-heart-text-color   | #000     | Text color

--made-with-heart-text-size    | 14px     | Text size

--made-with-heart-color        | #6309a0  | Heart color

--made-with-heart-size         | 10px     | Heart size

## Browser Support

Using the [webcomponents.js](https://github.com/WebComponents/webcomponentsjs):

 ![Chrome](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.2.2/chrome/chrome_48x48.png) | ![Opera](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.2.2/opera/opera_48x48.png) | ![Firefox](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.2.2/firefox/firefox_48x48.png) | ![Safari](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.2.2/safari/safari_48x48.png) |![IE](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.2.2/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) |  ![Edge](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.2.2/edge/edge_48x48.png) |

:---: | :---: | :---: | :---: | :---: | :---: |

Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11+ | Latest ✔

## Development

**1 -** Install [Bower](http://bower.io/) & [Polymer-CLI](https://www.polymer-project.org/1.0/docs/tools/polymer-cli):

```sh

$ [sudo] npm install -g bower polymer-cli

```

**2 -** Install local dependencies:

```sh

$ bower install

```

**3 -** Start the development server:

```sh

$ polymer serve

```

Go to [localhost:8080/components/made-with-heart/](http://localhost:8080/components/made-with-heart/)

## Versioning

To keep better organization of releases we follow the [Semantic Versioning 2.0.0](http://semver.org/) guidelines.

## Contributing

Find on our [issues](https://github.com/simoneas02/made-with-heart/issues/) the next steps of the project ;)




Want to contribute? [Follow these recommendations](https://github.com/simoneas02/made-with-heart/blob/master/CONTRIBUTING.md).

## History

See [Releases](https://github.com/simoneas02/made-with-heart/releases) for detailed changelog.

## License

[MIT License](https://github.com/simoneas02/made-with-heart/blob/master/LICENSE.md) © [Simone Amorim](https://simoneas02.github.io)