made-with-heart
made-with-heart copied to clipboard
simoneas02
<:purple_heart: /> A Polymer element for show your love!
made-with-heart
<💜 /> A Polymer element for show your love!
How to install and use:
0 - install the basic dependencies:
1 - Install the element using Bower:
$ bower install made-with-heart --save
2 - Import the element:
<link rel="import" href="bower_components/made-with-heart/made-with-heart.html">
3 - Start using it!
<made-with-heart></made-with-heart>
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:
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11+ | Latest ✔ |
Development
1 - Install Bower & Polymer-CLI:
$ [sudo] npm install -g bower polymer-cli
2 - Install local dependencies:
$ bower install
3 - Start the development server:
$ polymer serve
Go to localhost:8080/components/made-with-heart/
Versioning
To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.
Contributing
Find on our issues the next steps of the project ;)
Want to contribute? Follow these recommendations.
History
See Releases for detailed changelog.
License
Metadata
Owner
simoneas02
Metadata
<:purple_heart: /> A Polymer element for show your love!