emdash-extending-forever-into-the-universe
emdash-extending-forever-into-the-universe copied to clipboard
longer em dashes
Emdash Extending Forever Into The Universe
Abstract
Em dashes ——————— aren't long enough
Features
- Longer em dashes
Installation
npm install --save emdash-extending-forever-into-the-universe
lmao
Include emdash-extending-forever-into-the-universe.min.js
at the end of your body
. Next, call foreverIntoTheUniverse();
. You will probably want to call this once the DOM has loaded, so make sure to do so then, although I'm sure you could get away without it. That's pretty much it. All your —
s should be longer now.
<script type="text/javascript" src="emdash-extending-forever-into-the-universe.min.js"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
foreverIntoTheUniverse();
});
</script>
</body>
Options: 'Defaults'
foreverIntoTheUniverse({
howLong: 2, // even longer if u want
whatToReplace: "—", // u can make underscores and shit long too if u want
whereToReplace: "body", // u can use specific classes or an id here too. no support for children or other elements sry
howMuchCloserCouldWePossiblyBe: "0.25", // sometimes font hinting fucks this up a bit, so you can adjust this if so. this is a negative value
})
Dev
# setup env
$ yarn
# build (minify)
$ grunt
Colophon
The type used in the demo image is AUTHENTIC Sans 60 by AUTHENTIC ↗.