11 Responses
Powered by Webmentions via Webmention.io and Bridgy
.unfurl {
background: rgba(var(--color-foreground), .1);
border: 1px solid rgba(var(--color-foreground), .3);
border-radius: 2px;
display: inline-block;
line-height: 1.3;
margin: 0 .1rem;
padding: 0 .5rem .2rem;
text-decoration: none;
transition: all var(--duration-short) ease-in-out;
}
.unfurl:hover {
border-color: rgb(var(--color-accent));
}
.unfurl__logo {
display: inline-block;
margin-right: .5rem;
vertical-align: middle;
}
{% unfurl "https://www.sarasoueidan.com/blog/prefers-color-scheme-browser-vs-os/" %}
The CSS prefers-color-scheme user query and order of preference
Using a GitHub repo directory as an npm package
In the spirit of instant gratification, I'm posting this immediately after adding this feature to my site. Feels great to have some incremental improvements. Maybe someday I'll post all my markdown notes from my Obsidian library. See you out there, internet!
Edit: After using for a day or so, I plan to look into truncating titles via ellipsis since sites with really long titles aren't ideal on mobile or in inline content. I'd also like to see if it's possible to add another template and shortcode for further expansion than I have in my current setup.
Posted in: #website #changelog
Powered by Webmentions via Webmention.io and Bridgy
More posts
3 Comments
Dan wrote about using mine and @SaraSoueidan's unfurl plugin for @eleven_ty. So glad it worked! Thanks for sharing Dan 😊
View original post
Really cool! Tried to subscribe to your blog via RSS and was sad to see no feed
View original post
It’s on my list!
View original post