Created
January 28, 2021 17:58
-
-
Save amattn/578ba1509f5c66f84cd5ab9fa45c1bb2 to your computer and use it in GitHub Desktop.
Tailwind input.css to support footnotes. see: https://amattn.com/p/brief_history_of_and_advanced_tricks_with_tailwind_css.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import "tailwindcss/base"; | |
@import "tailwindcss/components"; | |
@import "tailwindcss/utilities"; | |
@layer utilities { | |
.fgoto { | |
/* don't use this with <sup>... one or the other.*/ | |
font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; | |
top: -0.3em; vertical-align: super; | |
} | |
} | |
/* Footnote goto */ | |
.fgoto { | |
@apply ml-1 mr-0.5; | |
@apply text-gray-200 hover:bg-gray-400 hover:bg-gray-400 hover:text-black !important; | |
@apply no-underline !important; | |
} | |
/* Footnote return */ | |
.freturn { | |
@apply ml-2; | |
@apply text-gray-200 hover:bg-gray-400 hover:bg-gray-400 hover:text-black !important; | |
@apply no-underline !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment