This custom element allows you to add stylized citations and blockquotes.
Maintained by Felipe N. de Moura.
-
Import Web Components' polyfill:
<script src="http://cdnjs.cloudflare.com/ajax/libs/polymer/0.0.20130816/polymer.min.js"></script>
-
Import Custom Element:
<link rel="import" href="src/citation.html">
-
Start using it!
<x-citation> Citation content.
Attribute | Options | Default | Description |
---|---|---|---|
author |
string | `` | The citation's author name |
href |
string | `` | Citation source link or authors ref |
color |
red , gree , blue |
`` | A color effect to the citation(and decoration) |
decoration |
string | — |
A separator decoration to identify the author |
You can customize the element parts by adding properties to the following classes:
.citation-container{} .citation-content{} .citation-author{} .citation-author a{} .citation-container:before{} /* the decoration icon */ .citation-container.red{} .citation-container.yellow{} .citation-container.green{}
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D