{"id":643,"date":"2019-11-19T14:26:08","date_gmt":"2019-11-19T19:26:08","guid":{"rendered":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/?p=643"},"modified":"2021-01-04T14:17:19","modified_gmt":"2021-01-04T19:17:19","slug":"pretty-lists","status":"publish","type":"post","link":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/2019\/pretty-lists\/","title":{"rendered":"Pretty lists!"},"content":{"rendered":"\n<p><strong>What:<\/strong> Firefox 68+ and Safari 11.1+ <a href=\"https:\/\/caniuse.com\/#feat=css-marker-pseudo\" target=\"_blank\" rel=\"noopener noreferrer\">support the pseudo-element<\/a> <code class=\"css\">::marker<\/code> yay! Chrome doesn&#8217;t yet, and neither do Edge or IE11. It will allow for:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"css\" class=\"language-css\">li::marker {\n    color: #ff3399;\n    content: \"-\";\n}<\/code><\/pre>\n\n\n\n<p>Not just on list-items either, but also on elements with a <code class=\"css\">display: list-item<\/code>.<\/p>\n\n\n\n<p>CSS-Tricks has more about this: <a href=\"https:\/\/css-tricks.com\/finally-it-will-be-easy-to-change-the-color-of-list-bullets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Finally, it Will Be Easy to Change the Color of List Bullets<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<div class=\"_3bJ2H CHExY\">\n<div class=\"_1l8RX _1ByhS\">Photo by <a href=\"https:\/\/unsplash.com\/@fivepointseven?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Max Rovensky<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/bullet?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>What: Firefox 68+ and Safari 11.1+ support the pseudo-element ::marker yay! Chrome doesn&#8217;t yet, and neither do Edge or IE11. It will allow for: Not just on list-items either, but also on elements with a display: list-item. CSS-Tricks has more about this: Finally, it Will Be Easy to Change the Color of List Bullets. Photo &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Pretty lists!\" class=\"read-more button\" href=\"https:\/\/www.blindemanwebsites.com\/today-i-learned\/2019\/pretty-lists\/#more-643\" aria-label=\"Read more about Pretty lists!\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[23,81,84,83,82,18],"class_list":["post-643","post","type-post","status-publish","format-standard","hentry","category-new-things","tag-can-i-use","tag-css-tricks","tag-list-marker","tag-list-style","tag-lists","tag-pseudo-elements","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/comments?post=643"}],"version-history":[{"count":2,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/643\/revisions"}],"predecessor-version":[{"id":1138,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/posts\/643\/revisions\/1138"}],"wp:attachment":[{"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/media?parent=643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/categories?post=643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blindemanwebsites.com\/today-i-learned\/wp-json\/wp\/v2\/tags?post=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}