=== Modern Footnotes ===
Contributors: Sean Williams
Tags: footnotes, citations, inline footnotes, inline citations, mobile-friendly citations, mobile-friendly footnotes
Requires at least: 4.4.8
Tested up to: 4.8
Stable tag: 1.0
License: GNU Lesser General Public License v3
License URI: https://www.gnu.org/licenses/lgpl-3.0.en.html

Add inline footnotes to your posts. On desktop, the footnotes will appear as tooltips. On mobile, the footnote will expand beneath the text.

== Description ==
Footnotes optimized for desktop and mobile, inspired by the styles of Grantland and FiveThirtyEight.

Use a footnote in your post by using the footnote icon in the WordPress editor or by using the shortcode: [mfn]this will be a footnote[/mfn] The plugin will automatically associate sequential numbers with each plugin.

On desktop, footnotes will appear as a tooltip when the user clicks on the number. On mobile, footnotes will expand as a section below the current text.

== Installation ==
1. Upload the modern-footnotes folder to your wp-content/plugins directory.
2. Activate the plugin in the WordPress Plugins section.
3. Use a footnote in your post by using the footnote icon in the WordPress editor or by using the shortcode: [mfn]this will be a footnote[/mfn] 
4. If you want to customize the styles, you can do so by overriding the following styles in custom CSS for your theme:
.modern-footnotes-footnote - The superscript element displaying the footnote number
.modern-footnotes-footnote--selected - A superscript element that is currently active
.modern-footnotes-footnote__note – Styling that applies to both mobile and desktop footnotes
.modern-footnotes-footnote__note--mobile - The styling for a mobile footnote
.modern-footnotes-footnote__note--desktop - The styling for a desktop footnote

== Frequently Asked Questions ==
=How do I create a footnote?=
Use a footnote in your post by using the footnote icon in the WordPress editor or by using the shortcode: [mfn]this will be a footnote[/mfn]

=Can I customize the styles of footnotes?=
If you want to customize the styles, you can do so by overriding the following styles in custom CSS for your theme:
.modern-footnotes-footnote - The superscript element displaying the footnote number
.modern-footnotes-footnote--selected - A superscript element that is currently active
.modern-footnotes-footnote__note – Styling that applies to both mobile and desktop footnotes
.modern-footnotes-footnote__note--mobile - The styling for a mobile footnote
.modern-footnotes-footnote__note--desktop - The styling for a desktop footnote

== Screenshots ==
1. http://prismtechstudios.com/modern-footnotes/modern-footnotes-1.png
2. http://prismtechstudios.com/modern-footnotes/modern-footnotes-2.png
3. http://prismtechstudios.com/modern-footnotes/modern-footnotes-3.png

== Changelog ==
1.0 - 4/1/17 - initial version.