Today, we’re shining the spotlight on boilerplates and starter kits for all kinds of projects, from static site templates and React/Vue starter kits to favicon and accessibility templates and emergency site templates. This collection is by no means complete, but rather a selection of things that the team at Smashing found useful and hope will…
Details
This is not another article about how the pandemic has changed the way we work. The reality is that plenty of creative professionals – especially freelancers – have been working from home and in remote environments for a long time. It’s probably why so many of us were quick to adapt when so many others…
Details
The WordPress plugin marketplace is seeing quite a bit of consolidation lately. And, even if you aren’t a close follower of the business side of things, it’s likely some of these moves will impact you. For example, the recent sale of the wildly-popular Advanced Custom Fields plugin is a pretty big deal. The free version…
Details
Your YouTube cover art is an important part of your channel branding. It’s the first thing people see when they visit your channel and the cover photo gives you a chance to make a good first impression. If you look at some of the popular YouTube channels, you’ll notice that they all have carefully designed…
Details
._3bX7W3J0lU78fp7cayvNxx{max-width:208px;text-align:center}
._1x9diBHPBP-hL1JiwUwJ5J{font-size:14px;font-weight:500;line-height:18px;color:#ff585b;padding-left:3px;padding-right:24px}._2B0OHMLKb9TXNdd9g5Ere-,._1xKxnscCn2PjBiXhorZef4{height:16px;padding-right:4px;vertical-align:top}.icon._1LLqoNXrOsaIkMtOuTBmO5{height:20px;vertical-align:middle;padding-right:8px}.QB2Yrr8uihZVRhvwrKuMS{height:18px;padding-right:8px;vertical-align:top}._3w_KK8BUvCMkCPWZVsZQn0{font-size:14px;font-weight:500;line-height:18px;color:var(–newCommunityTheme-actionIcon)}._3w_KK8BUvCMkCPWZVsZQn0 ._1LLqoNXrOsaIkMtOuTBmO5,._3w_KK8BUvCMkCPWZVsZQn0 ._2B0OHMLKb9TXNdd9g5Ere-,._3w_KK8BUvCMkCPWZVsZQn0 ._1xKxnscCn2PjBiXhorZef4,._3w_KK8BUvCMkCPWZVsZQn0 .QB2Yrr8uihZVRhvwrKuMS{fill:var(–newCommunityTheme-actionIcon)}
._3K2ydhts9_ES4s9UpcXqBi{display:block;padding:0 16px;width:100%}
.FIYolDqalszTnjjNfThfT{max-width:256px;white-space:normal;text-align:center}
._9ZuQyDXhFth1qKJF4KNm8{padding:12px 12px 40px}._2iNJX36LR2tMHx_unzEkVM,._1JmnMJclrTwTPpAip5U_Hm{font-size:16px;font-weight:500;line-height:20px;color:var(–newCommunityTheme-bodyText);margin-bottom:40px;padding-top:4px}._306gA2lxjCHX44ssikUp3O{margin-bottom:32px}._1Omf6afKRpv3RKNCWjIyJ4{font-size:18px;font-weight:500;line-height:22px;border-bottom:2px solid var(–newCommunityTheme-line);color:var(–newCommunityTheme-bodyText);margin-bottom:8px;padding-bottom:8px}._2Ss7VGMX-UPKt9NhFRtgTz{margin-bottom:24px}._3vWu4F9B4X4Yc-Gm86-FMP{border-bottom:1px solid var(–newCommunityTheme-line);margin-bottom:8px;padding-bottom:2px}._3vWu4F9B4X4Yc-Gm86-FMP:last-of-type{border-bottom-width:0}._2qAEe8HGjtHsuKsHqNCa9u{font-size:14px;font-weight:500;line-height:18px;color:var(–newCommunityTheme-bodyText);padding-bottom:8px;padding-top:8px}.c5RWd-O3CYE-XSLdTyjtI{padding:8px 0}._3whORKuQps-WQpSceAyHuF{font-size:12px;font-weight:400;line-height:16px;color:var(–newCommunityTheme-actionIcon);margin-bottom:8px}._1Qk-ka6_CJz1fU3OUfeznu{margin-bottom:8px}._3ds8Wk2l32hr3hLddQshhG{font-weight:500}._1h0r6vtgOzgWtu-GNBO6Yb,._3ds8Wk2l32hr3hLddQshhG{font-size:12px;line-height:16px;color:var(–newCommunityTheme-actionIcon)}._1h0r6vtgOzgWtu-GNBO6Yb{font-weight:400}.horIoLCod23xkzt7MmTpC{font-size:12px;font-weight:400;line-height:16px;color:#ea0027}._33Iw1wpNZ-uhC05tWsB9xi{margin-top:24px}._2M7LQbQxH40ingJ9h9RslL{font-size:12px;font-weight:400;line-height:16px;color:var(–newCommunityTheme-actionIcon);margin-bottom:8px}
.s5ap8yh1b4ZfwxvHizW3f{color:var(–newCommunityTheme-metaText);padding-top:5px}.s5ap8yh1b4ZfwxvHizW3f._19JhaP1slDQqu2XgT3vVS0{color:#ea0027}
._1EPynDYoibfs7nDggdH7Gq{margin-bottom:8px;position:relative}._1EPynDYoibfs7nDggdH7Gq._3-0c12FCnHoLz34dQVveax{max-height:63px;overflow:hidden}._1zPvgKHteTOub9dKkvrOl4{font-family:Noto Sans,Arial,sans-serif;font-size:14px;line-height:21px;font-weight:400;word-wrap:break-word}._1dp4_svQVkkuV143AIEKsf{-ms-flex-align:baseline;align-items:baseline;background-color:var(–newCommunityTheme-body);bottom:-2px;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;padding-left:2px;position:absolute;right:-8px}._5VBcBVybCfosCzMJlXzC3{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px;color:var(–newCommunityTheme-bodyText)}._3YNtuKT-Is6XUBvdluRTyI{position:relative;background-color:0;color:var(–newCommunityTheme-metaText);fill:var(–newCommunityTheme-metaText);border:0;padding:0 8px}._3YNtuKT-Is6XUBvdluRTyI:before{content:””;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9999px;background:var(–newCommunityTheme-metaText);opacity:0}._3YNtuKT-Is6XUBvdluRTyI:hover:before{opacity:.08}._3YNtuKT-Is6XUBvdluRTyI:focus{outline:none}._3YNtuKT-Is6XUBvdluRTyI:focus:before{opacity:.16}._3YNtuKT-Is6XUBvdluRTyI._2Z_0gYdq8Wr3FulRLZXC3e:before,._3YNtuKT-Is6XUBvdluRTyI:active:before{opacity:.24}._3YNtuKT-Is6XUBvdluRTyI:disabled,._3YNtuKT-Is6XUBvdluRTyI[data-disabled],._3YNtuKT-Is6XUBvdluRTyI[disabled]{cursor:not-allowed;filter:grayscale(1);background:none;color:var(–newCommunityTheme-metaTextAlpha50);fill:var(–newCommunityTheme-metaTextAlpha50)}._2ZTVnRPqdyKo1dA7Q7i4EL{transition:all .1s linear 0s}.k51Bu_pyEfHQF6AAhaKfS{transition:none}._2qi_L6gKnhyJ0ZxPmwbDFK{transition:all .1s linear 0s;display:block;background-color:var(–newCommunityTheme-field);border-radius:4px;padding:8px;margin-bottom:12px;margin-top:8px;border:1px solid var(–newCommunityTheme-canvas);cursor:pointer}._2qi_L6gKnhyJ0ZxPmwbDFK:focus{outline:none}._2qi_L6gKnhyJ0ZxPmwbDFK:hover{border:1px solid var(–newCommunityTheme-button)}._2qi_L6gKnhyJ0ZxPmwbDFK._3GG6tRGPPJiejLqt2AZfh4{transition:none;border:1px solid var(–newCommunityTheme-button)}.IzSmZckfdQu5YP9qCsdWO{cursor:pointer;transition:all .1s linear 0s}.IzSmZckfdQu5YP9qCsdWO ._1EPynDYoibfs7nDggdH7Gq{border:1px solid transparent;border-radius:4px;transition:all .1s linear 0s}.IzSmZckfdQu5YP9qCsdWO:hover ._1EPynDYoibfs7nDggdH7Gq{border:1px solid var(–newCommunityTheme-button);padding:4px}._1YvJWALkJ8iKZxUU53TeNO{font-size:12px;font-weight:700;line-height:16px;color:var(–newCommunityTheme-button)}._3adDzm8E3q64yWtEcs5XU7{display:-ms-flexbox;display:flex}._3adDzm8E3q64yWtEcs5XU7 ._3jyKpErOrdUDMh0RFq5V6f{-ms-flex:100%;flex:100%}._3adDzm8E3q64yWtEcs5XU7 .dqhlvajEe-qyxij0jNsi0{color:var(–newCommunityTheme-button)}._3adDzm8E3q64yWtEcs5XU7 ._12nHw-MGuz_r1dQx5YPM2v,._3adDzm8E3q64yWtEcs5XU7 .dqhlvajEe-qyxij0jNsi0{font-size:12px;font-weight:700;line-height:16px;cursor:pointer;-ms-flex-item-align:end;align-self:flex-end;-webkit-user-select:none;-ms-user-select:none;user-select:none}._3adDzm8E3q64yWtEcs5XU7 ._12nHw-MGuz_r1dQx5YPM2v{color:var(–newCommunityTheme-button);margin-right:8px;color:var(–newCommunityTheme-errorText)}._3zTJ9t4vNwm1NrIaZ35NS6{font-family:Noto Sans,Arial,sans-serif;font-size:14px;line-height:21px;font-weight:400;word-wrap:break-word;width:100%;padding:0;border:none;background-color:transparent;resize:none;outline:none;cursor:pointer;color:var(–newRedditTheme-bodyText)}._2JIiUcAdp9rIhjEbIjcuQ-{resize:none;cursor:auto}._2I2LpaEhGCzQ9inJMwliNO,._42Nh7O6pFcqnA6OZd3bOK{display:inline-block;margin-left:4px;vertical-align:middle}._42Nh7O6pFcqnA6OZd3bOK{fill:var(–newCommunityTheme-button);color:var(–newCommunityTheme-button);height:16px;width:16px;margin-bottom:2px}
@keyframes ibDwUVR1CAykturOgqOS5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._3LwT7hgGcSjmJ7ng7drAuq{–sizePx:0;font-size:4px;position:relative;text-indent:-9999em;border-radius:50%;border:4px solid var(–newCommunityTheme-bodyTextAlpha20);border-left-color:var(–newCommunityTheme-body);transform:translateZ(0);animation:ibDwUVR1CAykturOgqOS5 1.1s linear infinite}._3LwT7hgGcSjmJ7ng7drAuq,._3LwT7hgGcSjmJ7ng7drAuq:after{width:var(–sizePx);height:var(–sizePx)}._3LwT7hgGcSjmJ7ng7drAuq:after{border-radius:50%}._3LwT7hgGcSjmJ7ng7drAuq._2qr28EeyPvBWAsPKl-KuWN{margin:0 auto}
._2cHgYGbfV9EZMSThqLt2tx{margin-bottom:16px;border-radius:4px}._3Q7WCNdCi77r0_CKPoDSFY{width:75%;height:24px}._2wgLWvNKnhoJX3DUVT_3F-,._3Q7WCNdCi77r0_CKPoDSFY{background:var(–newCommunityTheme-field);background-size:200%;margin-bottom:16px;border-radius:4px}._2wgLWvNKnhoJX3DUVT_3F-{width:100%;height:46px}
.Rd5g7JmL4Fdk-aZi1-U_V{transition:all .1s linear 0s}._2TMXtA984ePtHXMkOpHNQm{font-size:16px;font-weight:500;line-height:20px;margin-bottom:4px}.CneW1mCG4WJXxJbZl5tzH{border-top:1px solid var(–newRedditTheme-line);margin-top:16px;padding-top:16px}._11ARF4IQO4h3HeKPpPg0xb{transition:all .1s linear 0s;display:none;fill:var(–newCommunityTheme-button);height:16px;width:16px;vertical-align:middle;margin-bottom:2px;margin-left:4px;cursor:pointer}._1I3N-uBrbZH-ywcmCnwv_B:hover ._11ARF4IQO4h3HeKPpPg0xb{display:inline-block}._2IvhQwkgv_7K0Q3R0695Cs{border-radius:4px;border:1px solid var(–newCommunityTheme-line)}._2IvhQwkgv_7K0Q3R0695Cs:focus{outline:none}._1I3N-uBrbZH-ywcmCnwv_B{transition:all .1s linear 0s;border-radius:4px;border:1px solid var(–newCommunityTheme-line)}._1I3N-uBrbZH-ywcmCnwv_B:focus{outline:none}._1I3N-uBrbZH-ywcmCnwv_B.IeceazVNz_gGZfKXub0ak,._1I3N-uBrbZH-ywcmCnwv_B:hover{border:1px solid var(–newCommunityTheme-button)}._35hmSCjPO8OEezK36eUXpk._35hmSCjPO8OEezK36eUXpk._35hmSCjPO8OEezK36eUXpk{margin-top:25px;left:-9px}._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP,._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP:focus-within,._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP:hover{transition:all .1s linear 0s;border:none;padding:8px 8px 0}._25yWxLGH4C6j26OKFx8kD5{display:inline}._2YsVWIEj0doZMxreeY6iDG{font-size:12px;font-weight:400;line-height:16px;color:var(–newCommunityTheme-metaText);display:-ms-flexbox;display:flex;padding:4px 6px}._1hFCAcL4_gkyWN0KM96zgg{color:var(–newCommunityTheme-button);margin-right:8px;margin-left:auto;color:var(–newCommunityTheme-errorText)}._1hFCAcL4_gkyWN0KM96zgg,._1dF0IdghIrnqkJiUxfswxd{font-size:12px;font-weight:700;line-height:16px;cursor:pointer;-ms-flex-item-align:end;align-self:flex-end;-webkit-user-select:none;-ms-user-select:none;user-select:none}._1dF0IdghIrnqkJiUxfswxd{color:var(–newCommunityTheme-button)}._3VGrhUu842I3acqBMCoSAq{font-weight:700;color:#ff4500;text-transform:uppercase;margin-right:4px}._3VGrhUu842I3acqBMCoSAq,.edyFgPHILhf5OLH2vk-tk{font-size:12px;line-height:16px}.edyFgPHILhf5OLH2vk-tk{font-weight:400;-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:4px;color:var(–newCommunityTheme-metaText)}._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX{margin-top:6px}._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX._3MAHaXXXXi9Xrmc_oMPTdP{margin-top:4px}
.ehsOqYO6dxn_Pf9Dzwu37{margin-top:0;overflow:visible}._2pFdCpgBihIaYh9DSMWBIu{height:24px}._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu{border-radius:2px}._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:focus,._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:hover{background-color:var(–newRedditTheme-navIconFaded10);outline:none}._38GxRFSqSC-Z2VLi5Xzkjy{color:var(–newCommunityTheme-actionIcon)}._2DO72U0b_6CUw3msKGrnnT{border-top:none;color:var(–newCommunityTheme-metaText);cursor:pointer;padding:8px 16px 8px 8px;text-transform:none}._2DO72U0b_6CUw3msKGrnnT:hover{background-color:#0079d3;border:none;color:var(–newCommunityTheme-body);fill:var(–newCommunityTheme-body)}
._1LHxa-yaHJwrPK8kuyv_Y4{width:100%}._1LHxa-yaHJwrPK8kuyv_Y4:hover ._31L3r0EWsU0weoMZvEJcUA{display:none}._1LHxa-yaHJwrPK8kuyv_Y4 ._31L3r0EWsU0weoMZvEJcUA,._1LHxa-yaHJwrPK8kuyv_Y4:hover ._11Zy7Yp4S1ZArNqhUQ0jZW{display:block}._1LHxa-yaHJwrPK8kuyv_Y4 ._11Zy7Yp4S1ZArNqhUQ0jZW{display:none}
._3Im6OD67aKo33nql4FpSp_{border:1px solid var(–newCommunityTheme-widgetColors-sidebarWidgetBorderColor);border-radius:5px 5px 4px 4px;overflow:visible;word-wrap:break-word;background-color:var(–newCommunityTheme-body);padding:12px}.lnK0-OzG7nLFydTWuXGcY{font-size:10px;font-weight:700;letter-spacing:.5px;line-height:12px;text-transform:uppercase;padding-bottom:4px;color:var(–newCommunityTheme-navIcon)}
._12xlue8dQ1odPw1J81FIGQ{display:inline-block;vertical-align:middle}
._3-SW6hQX6gXK9G4FM74obr{display:inline-block;vertical-align:text-bottom;width:16px;height:16px;font-size:16px;line-height:16px}
._37coyt0h8ryIQubA7RHmUc{margin-top:12px;padding-top:12px}._2XJvPvYIEYtcS4ORsDXwa3{border-radius:100%;box-sizing:border-box;-ms-flex:none;flex:none;margin-right:8px}._2Vkdik1Q8k0lBEhhA_lRKE,.icon._2Vkdik1Q8k0lBEhhA_lRKE{height:54px;width:54px;font-size:54px;line-height:54px}.eGjjbHtkgFc-SYka3LM3M,._2Vkdik1Q8k0lBEhhA_lRKE,.icon.eGjjbHtkgFc-SYka3LM3M,.icon._2Vkdik1Q8k0lBEhhA_lRKE{border-radius:100%;box-sizing:border-box;-ms-flex:none;flex:none;margin-right:8px;background-position:50%;background-repeat:no-repeat;background-size:100%}.eGjjbHtkgFc-SYka3LM3M,.icon.eGjjbHtkgFc-SYka3LM3M{height:36px;width:36px}.j9k2MUR13FjoBBeLo1C1m{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-top:13px;margin-bottom:2px}._3Evl5aOozId3QVjs7iry2c{font-size:12px;font-weight:400;line-height:16px;margin-right:4px;margin-left:4px}._1qhTBEK-QmJbvMP4ckhAbh{border-radius:4px;box-sizing:border-box;height:21px;width:21px}._1qhTBEK-QmJbvMP4ckhAbh:nth-child(2),._1qhTBEK-QmJbvMP4ckhAbh:nth-child(3){margin-left:-9px}._3nzVPnRRnrls4DOXO_I0fn{margin:auto 0 auto auto;padding-top:10px;vertical-align:middle}._3nzVPnRRnrls4DOXO_I0fn ._1LAmcxBaaqShJsi8RNT-Vp i{color:unset}._2bWoGvMqVhMWwhp4Pgt4LP{margin:16px 0;font-size:12px;font-weight:400;line-height:16px}.icon.tWeTbHFf02PguTEonwJD0{margin-right:4px;vertical-align:top}._2AbGMsrZJPHrLm9e-oyW1E{width:180px;text-align:center}.icon._1cB7-TWJtfCxXAqqeyVb2q{cursor:pointer;margin-left:6px;height:14px;fill:#dadada;font-size:12px;vertical-align:middle}.hpxKmfWP2ZiwdKaWpefMn{background-color:var(–newCommunityTheme-active);background-size:cover;background-image:var(–newCommunityTheme-banner-backgroundImage);background-position-y:center;background-position-x:center;background-repeat:no-repeat;border-radius:3px 3px 0 0;height:34px;margin:-12px -12px 10px}._20Kb6TX_CdnePoT8iEsls6{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-bottom:8px}._20Kb6TX_CdnePoT8iEsls6 >*{display:inline-block;vertical-align:middle}.t9oUK2WY0d28lhLAh3N5q{margin-top:-23px}._2KqgQ5WzoQRJqjjoznu22o{display:inline-block;-ms-flex-negative:0;flex-shrink:0;position:relative}._2D7eYuDY6cYGtybECmsxvE{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}._2D7eYuDY6cYGtybECmsxvE:hover{text-decoration:underline}._19bCWnxeTjqzBElWZfIlJb{font-size:16px;font-weight:500;line-height:20px;display:inline-block}._2TC7AdkcuxFIFKRO_VWis8{margin-left:10px;margin-top:30px}._2TC7AdkcuxFIFKRO_VWis8._35WVFxUni5zeFkPk7O4iiB{margin-top:35px}._7kAMkb9SAVF8xJ3L53gcW{display:-ms-flexbox;display:flex;margin-bottom:8px}._7kAMkb9SAVF8xJ3L53gcW >*{-ms-flex:auto;flex:auto}._1LAmcxBaaqShJsi8RNT-Vp{padding:0 2px 0 4px;vertical-align:middle}._3_HlHJ56dAfStT19Jgl1bF,.nEdqRRzLEN43xauwtgTmj{padding-right:4px}._3_HlHJ56dAfStT19Jgl1bF{padding-left:16px}._2QZ7T4uAFMs_N83BZcN-Em{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.icon._19sQCxYe2NApNbYNX5P5-L{margin:-2px 8px 0 0}._3XFx6CfPlg-4Usgxm0gK8R{font-size:16px;font-weight:500;line-height:20px}._34InTQ51PAhJivuc_InKjJ{color:var(–newCommunityTheme-actionIcon)}._29_mu5qI8E1fq6Uq5koje8{font-size:12px;font-weight:500;line-height:16px;display:inline-block;word-break:break-word}._2BY2-wxSbNFYqAy98jWyTC{margin-top:10px}._3sGbDVmLJd_8OV8Kfl7dVv{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px;margin-top:8px;word-wrap:break-word}._1qiHDKK74j6hUNxM0p9ZIp{margin-top:12px}.Jy6FIGP1NvWbVjQZN7FHA,._326PJFFRv8chYfOlaEYmGt,._1eMniuqQCoYf3kOpyx83Jj,._1cDoUuVvel5B1n5wa3K507{-ms-flex-pack:center;justify-content:center;margin-top:12px;width:100%}._1eMniuqQCoYf3kOpyx83Jj{margin-bottom:8px}._2_w8DCFR-DCxgxlP1SGNq5{margin-right:4px;vertical-align:middle}._1aS-wQ7rpbcxKT0d5kjrbh{border-radius:4px;display:inline-block;padding:4px}._2cn386lOe1A_DTmBUA-qSM{border-top:1px solid var(–newCommunityTheme-widgetColors-lineColor);margin-top:10px}._2Zdkj7cQEO3zSGHGK2XnZv{display:inline-block}.wzFxUZxKK8HkWiEhs0tyE{font-size:12px;font-weight:700;line-height:16px;color:var(–newCommunityTheme-button);cursor:pointer;text-align:left;margin-top:2px}._3R24jLERJTaoRbM_vYd9v0._3R24jLERJTaoRbM_vYd9v0._3R24jLERJTaoRbM_vYd9v0{display:none}._38lwnrIpIyqxDfAF1iwhcV{background-color:var(–newRedditTheme-line);border:none;height:1px;margin:16px 0}.yobE-ux_T1smVDcFMMKFv{font-size:16px;font-weight:500;line-height:20px}._2DVpJZAGplELzFy4mB0epQ{margin-top:8px}._2DVpJZAGplELzFy4mB0epQ .x1f6lYW8eQcUFu0VIPZzb{color:inherit}._2DVpJZAGplELzFy4mB0epQ svg.LTiNLdCS1ZPRx9wBlY2rD{color:inherit;fill:inherit;padding-right:8px}._2DVpJZAGplELzFy4mB0epQ ._18e78ihYD3tNypPhtYISq3{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:inherit}
.LalRrQILNjt65y-p-QlWH{fill:var(–newRedditTheme-actionIcon);height:18px;width:18px}.LalRrQILNjt65y-p-QlWH rect{stroke:var(–newRedditTheme-metaText)}._3J2-xIxxxP9ISzeLWCOUVc{height:18px}.FyLpt0kIWG1bTDWZ8HIL1{margin-top:4px}._2ntJEAiwKXBGvxrJiqxx_2,._1SqBC7PQ5dMOdF0MhPIkA8{vertical-align:middle}._1SqBC7PQ5dMOdF0MhPIkA8{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}
._2tytE20aBhQMtf6GkTvN3,._16Osj2XUXJVMQLOL8-1m8E{height:16px}._16Osj2XUXJVMQLOL8-1m8E{width:16px}._16Osj2XUXJVMQLOL8-1m8E+._16Osj2XUXJVMQLOL8-1m8E{margin-left:4px}
._3kS07M5t3AnCSn-dzPT28L,._9U85xFylyRCZNL6qmFbx{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}._3kS07M5t3AnCSn-dzPT28L{max-width:100%}._2d6f5m40Wp18i0fC6mloL3{height:28px;width:28px;margin-top:6px}.MsNDLMKXGpyANwNmwjClc{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-left:8px;min-width:0}._2zJmxsJUBCpVk9xUBGzZpP{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}._3MMCPmniAei9M8H_KF1370{font-size:12px;font-weight:500;line-height:16px;color:var(–newRedditTheme-titleText)}._3f8i-0tQOqxvijtZIdqRv2{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;max-width:100%;margin-top:2px}._1nNvsQvf6jy4_nUR_Sv0dS._1nNvsQvf6jy4_nUR_Sv0dS{font-weight:400;box-sizing:border-box}._1SkwA-RUKQvmuGiuvGXPPW{margin-left:4px}
._2a172ppKObqWfRHr8eWBKV{-ms-flex-negative:0;flex-shrink:0;margin-right:8px}._39-woRduNuowN7G4JTW4I8{border-top:1px solid var(–newCommunityTheme-widgetColors-lineColor);margin-top:12px;padding-top:12px}._2jnTo-FNwT6nxIXrq1_-7c{font-size:12px;font-weight:400;line-height:16px;-ms-flex-align:center;align-items:center;background-color:var(–newCommunityTheme-body);border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:12px}._136QdRzXkGKNtSQ-h1fUru{display:-ms-flexbox;display:flex;margin:8px 0;width:100%}.vzEDg-tM8ZDpEfJnbaJuU{color:var(–newCommunityTheme-button);fill:var(–newCommunityTheme-button);height:14px;width:14px}.r51dfG6q3N-4exmkjHQg_{font-size:10px;font-weight:700;letter-spacing:.5px;line-height:12px;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}._2ygXHcy_x6RG74BMk0UKkN{margin-left:8px}._2BnLYNBALzjH6p_ollJ-RF{display:-ms-flexbox;display:flex;margin-left:auto}._1-25VxiIsZFVU88qFh-T8p{padding:0}._3BmRwhm18nr4GmDhkoSgtb{color:var(–newCommunityTheme-bodyText);-ms-flex:0 0 auto;flex:0 0 auto;line-height:16px}
._2FKpII1jz0h6xCAw1kQAvS{background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.2);transition:left .15s linear;border-radius:57%;width:57%}._2FKpII1jz0h6xCAw1kQAvS:after{content:””;padding-top:100%;display:block}._2e2g485kpErHhJQUiyvvC2{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(–newCommunityTheme-navIconFaded10);border:2px solid transparent;border-radius:100px;cursor:pointer;position:relative;width:35px;transition:border-color .15s linear,background-color .15s linear}._2e2g485kpErHhJQUiyvvC2._3kUvbpMbR21zJBboDdBH7D{background-color:var(–newRedditTheme-navIconFaded10)}._2e2g485kpErHhJQUiyvvC2._3kUvbpMbR21zJBboDdBH7D._1L5kUnhRYhUJ4TkMbOTKkI{background-color:var(–newRedditTheme-active)}._2e2g485kpErHhJQUiyvvC2._3kUvbpMbR21zJBboDdBH7D._1L5kUnhRYhUJ4TkMbOTKkI._3clF3xRMqSWmoBQpXv8U5z{background-color:var(–newRedditTheme-buttonAlpha10)}._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq{border-width:2.25px;height:24px;width:37.5px}._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq ._2FKpII1jz0h6xCAw1kQAvS{height:19.5px;width:19.5px}._2e2g485kpErHhJQUiyvvC2._1hku5xiXsbqzLmszstPyR3{border-width:3px;height:32px;width:50px}._2e2g485kpErHhJQUiyvvC2._1hku5xiXsbqzLmszstPyR3 ._2FKpII1jz0h6xCAw1kQAvS{height:26px;width:26px}._2e2g485kpErHhJQUiyvvC2._10hZCcuqkss2sf5UbBMCSD{border-width:3.75px;height:40px;width:62.5px}._2e2g485kpErHhJQUiyvvC2._10hZCcuqkss2sf5UbBMCSD ._2FKpII1jz0h6xCAw1kQAvS{height:32.5px;width:32.5px}._2e2g485kpErHhJQUiyvvC2._1fCdbQCDv6tiX242k80-LO{border-width:4.5px;height:48px;width:75px}._2e2g485kpErHhJQUiyvvC2._1fCdbQCDv6tiX242k80-LO ._2FKpII1jz0h6xCAw1kQAvS{height:39px;width:39px}._2e2g485kpErHhJQUiyvvC2._2Jp5Pv4tgpAsTcnUzTsXgO{border-width:5.25px;height:56px;width:87.5px}._2e2g485kpErHhJQUiyvvC2._2Jp5Pv4tgpAsTcnUzTsXgO ._2FKpII1jz0h6xCAw1kQAvS{height:45.5px;width:45.5px}._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI{-ms-flex-pack:end;justify-content:flex-end;background-color:var(–newCommunityTheme-active)}._2e2g485kpErHhJQUiyvvC2._3clF3xRMqSWmoBQpXv8U5z{cursor:default}._2e2g485kpErHhJQUiyvvC2._3clF3xRMqSWmoBQpXv8U5z ._2FKpII1jz0h6xCAw1kQAvS{box-shadow:none}._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI._3clF3xRMqSWmoBQpXv8U5z{background-color:var(–newCommunityTheme-buttonAlpha10)}
._3Qx5bBCG_O8wVZee9J-KyJ{border-top:1px solid var(–newRedditTheme-line);margin-top:16px;padding-top:16px}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN{margin:0;padding:0}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:8px 0}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ.QgBK4ECuqpeR2umRjYcP2{opacity:.4}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ label{font-size:12px;font-weight:500;line-height:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ label svg{fill:currentColor;height:20px;margin-right:4px;width:20px;-ms-flex:0 0 auto;flex:0 0 auto}._3Qx5bBCG_O8wVZee9J-KyJ ._4OtOUaGIjjp2cNJMUxme_{-ms-flex-pack:justify;justify-content:space-between}._3Qx5bBCG_O8wVZee9J-KyJ ._4OtOUaGIjjp2cNJMUxme_ svg{display:inline-block;height:12px;width:12px}._2b2iJtPCDQ6eKanYDf3Jho{-ms-flex:0 0 auto;flex:0 0 auto}._4OtOUaGIjjp2cNJMUxme_{padding:0 12px}._1ra1vBLrjtHjhYDZ_gOy8F{font-family:Noto Sans,Arial,sans-serif;font-size:12px;letter-spacing:unset;line-height:16px;text-transform:unset;–textColor:var(–newCommunityTheme-widgetColors-sidebarWidgetTextColor);–textColorHover:var(–newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80);font-size:10px;font-weight:700;letter-spacing:.5px;line-height:12px;text-transform:uppercase;color:var(–textColor);fill:var(–textColor);opacity:1}._1ra1vBLrjtHjhYDZ_gOy8F._2UlgIO1LIFVpT30ItAtPfb{–textColor:var(–newRedditTheme-widgetColors-sidebarWidgetTextColor);–textColorHover:var(–newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80)}._1ra1vBLrjtHjhYDZ_gOy8F:active,._1ra1vBLrjtHjhYDZ_gOy8F:hover{color:var(–textColorHover);fill:var(–textColorHover)}._1ra1vBLrjtHjhYDZ_gOy8F:disabled,._1ra1vBLrjtHjhYDZ_gOy8F[data-disabled],._1ra1vBLrjtHjhYDZ_gOy8F[disabled]{opacity:.5;cursor:not-allowed}._3a4fkgD25f5G-b0Y8wVIBe{margin-right:8px}
.c_dVyWK3BXRxSN3ULLJ_t{border-radius:4px 4px 0 0;height:34px;left:0;position:absolute;right:0;top:0}._1OQL3FCA9BfgI57ghHHgV3{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;margin-top:32px}._1OQL3FCA9BfgI57ghHHgV3 ._33jgwegeMTJ-FJaaHMeOjV{border-radius:9001px;height:32px;width:32px}._1OQL3FCA9BfgI57ghHHgV3 ._1wQQNkVR4qNpQCzA19X4B6{height:16px;margin-left:8px;width:200px}._39IvqNe6cqNVXcMFxFWFxx{display:-ms-flexbox;display:flex;margin:12px 0}._39IvqNe6cqNVXcMFxFWFxx ._29TSdL_ZMpyzfQ_bfdcBSc{-ms-flex:1;flex:1}._39IvqNe6cqNVXcMFxFWFxx .JEV9fXVlt_7DgH-zLepBH{height:18px;width:50px}._39IvqNe6cqNVXcMFxFWFxx ._3YCOmnWpGeRBW_Psd5WMPR{height:12px;margin-top:4px;width:60px}._2iO5zt81CSiYhWRF9WylyN{height:18px;margin-bottom:4px}._2iO5zt81CSiYhWRF9WylyN._2E9u5XvlGwlpnzki78vasG{width:230px}._2iO5zt81CSiYhWRF9WylyN.fDElwzn43eJToKzSCkejE{width:100%}._2iO5zt81CSiYhWRF9WylyN._2kNB7LAYYqYdyS85f8pqfi{width:250px}._2iO5zt81CSiYhWRF9WylyN._1XmngqAPKZO_1lDBwcQrR7{width:120px}._3XbVvl-zJDbcDeEdSgxV4_{border-radius:4px;height:32px;margin-top:16px;width:100%}._2hgXdc8jVQaXYAXvnqEyED{animation:_3XkHjK4wMgxtjzC1TvoXrb 1.5s ease infinite;background:linear-gradient(90deg,var(–newCommunityTheme-field),var(–newCommunityTheme-inactive),var(–newCommunityTheme-field));background-size:200%}._1KWSZXqSM_BLhBzkPyJFGR{background-color:var(–newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor);border-radius:4px;padding:12px;position:relative;width:auto}
._2Gt13AX94UlLxkluAMsZqP{background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative;display:inline-block}
@keyframes _1tIZttmhLdrIGrB-6VvZcT{0%{opacity:0}to{opacity:1}}._3uK2I0hi3JFTKnMUFHD2Pd,.HQ2VJViRjokXpRbJzPvvc{–infoTextTooltip-overflow-left:0px;font-size:12px;font-weight:500;line-height:16px;padding:3px 9px;position:absolute;border-radius:4px;margin-top:-6px;background:#000;color:#fff;animation:_1tIZttmhLdrIGrB-6VvZcT .5s step-end;z-index:100;white-space:pre-wrap}._3uK2I0hi3JFTKnMUFHD2Pd:after,.HQ2VJViRjokXpRbJzPvvc:after{content:””;position:absolute;top:100%;left:calc(50% – 4px – var(–infoTextTooltip-overflow-left));width:0;height:0;border-top:3px solid #000;border-left:4px solid transparent;border-right:4px solid transparent}._3uK2I0hi3JFTKnMUFHD2Pd{margin-top:6px}._3uK2I0hi3JFTKnMUFHD2Pd:after{border-bottom:3px solid #000;border-top:none;bottom:100%;top:auto}
._1QwShihKKlyRXyQSlqYaWW{height:16px;width:16px;vertical-align:bottom}._2X6EB3ZhEeXCh1eIVA64XM{margin-left:3px}._1jNPl3YUk6zbpLWdjaJT1r{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;display:inline-block;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;padding:0 4px}._1jNPl3YUk6zbpLWdjaJT1r._39BEcWjOlYi1QGcJil6-yl{padding:0}._2hSecp_zkPm_s5ddV2htoj{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;display:inline-block;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;margin-left:0;padding:0 4px}._2hSecp_zkPm_s5ddV2htoj._39BEcWjOlYi1QGcJil6-yl{padding:0}._1wzhGvvafQFOWAyA157okr{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;box-sizing:border-box;line-height:14px;padding:0 4px}._3BPVpMSn5b1vb1yTQuqCRH,._1wzhGvvafQFOWAyA157okr{display:inline-block;height:16px}._3BPVpMSn5b1vb1yTQuqCRH{background-color:var(–newRedditTheme-body);border-radius:50%;margin-left:5px;text-align:center;width:16px}._2cvySYWkqJfynvXFOpNc5L{height:10px;width:10px}.aJrgrewN9C8x1Fusdx4hh{padding:2px 8px}._1wj6zoMi6hRP5YhJ8nXWXE{font-size:14px;padding:7px 12px}._2VqfzH0dZ9dIl3XWNxs42y{border-radius:20px}._2VqfzH0dZ9dIl3XWNxs42y:hover{opacity:.85}._2VqfzH0dZ9dIl3XWNxs42y:active{transform:scale(.95)}
._7_d4sJjd2oYzaJuU_QpOI{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;display:inline-block;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;background-color:var(–newRedditTheme-flair);color:var(–newRedditTheme-linkText);margin-top:10px;padding:0 4px}._7_d4sJjd2oYzaJuU_QpOI._1rtoCmW_7bFJWYffSOwt4R{margin-top:0}
._13jLUpnQtcA8FXyw5Kv06q{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 0 auto;flex:0 0 auto}
/*# sourceMappingURL=https://www.redditstatic.com/desktop2x/chunkCSS/IdCard.62b560535abea75f9f86.css.map*/._2JU2WQDzn5pAlpxqChbxr7{height:16px;margin-right:8px;width:16px}._3E45je-29yDjfFqFcLCXyH{margin-top:16px}._13YtS_rCnVZG1ns2xaCalg{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;display:-ms-flexbox;display:flex}._1m5fPZN4q3vKVg9SgU43u2{margin-top:12px}._17A-IdW3j1_fI_pN-8tMV-{display:inline-block;margin-bottom:8px;margin-right:5px}._5MIPBF8A9vXwwXFumpGqY{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;padding:3px 10px;text-transform:none}._5MIPBF8A9vXwwXFumpGqY:focus{outline:unset}
/*# sourceMappingURL=https://www.redditstatic.com/desktop2x/chunkCSS/TopicLinksContainer.361933014be843c79476.css.map*/
Details
I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on David Baron’s proposal) but it was news in a late-March tweet from Una Kravets that…
Details
._3bX7W3J0lU78fp7cayvNxx{max-width:208px;text-align:center}
._1x9diBHPBP-hL1JiwUwJ5J{font-size:14px;font-weight:500;line-height:18px;color:#ff585b;padding-left:3px;padding-right:24px}._2B0OHMLKb9TXNdd9g5Ere-,._1xKxnscCn2PjBiXhorZef4{height:16px;padding-right:4px;vertical-align:top}.icon._1LLqoNXrOsaIkMtOuTBmO5{height:20px;vertical-align:middle;padding-right:8px}.QB2Yrr8uihZVRhvwrKuMS{height:18px;padding-right:8px;vertical-align:top}._3w_KK8BUvCMkCPWZVsZQn0{font-size:14px;font-weight:500;line-height:18px;color:var(–newCommunityTheme-actionIcon)}._3w_KK8BUvCMkCPWZVsZQn0 ._1LLqoNXrOsaIkMtOuTBmO5,._3w_KK8BUvCMkCPWZVsZQn0 ._2B0OHMLKb9TXNdd9g5Ere-,._3w_KK8BUvCMkCPWZVsZQn0 ._1xKxnscCn2PjBiXhorZef4,._3w_KK8BUvCMkCPWZVsZQn0 .QB2Yrr8uihZVRhvwrKuMS{fill:var(–newCommunityTheme-actionIcon)}
._3K2ydhts9_ES4s9UpcXqBi{display:block;padding:0 16px;width:100%}
.FIYolDqalszTnjjNfThfT{max-width:256px;white-space:normal;text-align:center}
._9ZuQyDXhFth1qKJF4KNm8{padding:12px 12px 40px}._2iNJX36LR2tMHx_unzEkVM,._1JmnMJclrTwTPpAip5U_Hm{font-size:16px;font-weight:500;line-height:20px;color:var(–newCommunityTheme-bodyText);margin-bottom:40px;padding-top:4px}._306gA2lxjCHX44ssikUp3O{margin-bottom:32px}._1Omf6afKRpv3RKNCWjIyJ4{font-size:18px;font-weight:500;line-height:22px;border-bottom:2px solid var(–newCommunityTheme-line);color:var(–newCommunityTheme-bodyText);margin-bottom:8px;padding-bottom:8px}._2Ss7VGMX-UPKt9NhFRtgTz{margin-bottom:24px}._3vWu4F9B4X4Yc-Gm86-FMP{border-bottom:1px solid var(–newCommunityTheme-line);margin-bottom:8px;padding-bottom:2px}._3vWu4F9B4X4Yc-Gm86-FMP:last-of-type{border-bottom-width:0}._2qAEe8HGjtHsuKsHqNCa9u{font-size:14px;font-weight:500;line-height:18px;color:var(–newCommunityTheme-bodyText);padding-bottom:8px;padding-top:8px}.c5RWd-O3CYE-XSLdTyjtI{padding:8px 0}._3whORKuQps-WQpSceAyHuF{font-size:12px;font-weight:400;line-height:16px;color:var(–newCommunityTheme-actionIcon);margin-bottom:8px}._1Qk-ka6_CJz1fU3OUfeznu{margin-bottom:8px}._3ds8Wk2l32hr3hLddQshhG{font-weight:500}._1h0r6vtgOzgWtu-GNBO6Yb,._3ds8Wk2l32hr3hLddQshhG{font-size:12px;line-height:16px;color:var(–newCommunityTheme-actionIcon)}._1h0r6vtgOzgWtu-GNBO6Yb{font-weight:400}.horIoLCod23xkzt7MmTpC{font-size:12px;font-weight:400;line-height:16px;color:#ea0027}._33Iw1wpNZ-uhC05tWsB9xi{margin-top:24px}._2M7LQbQxH40ingJ9h9RslL{font-size:12px;font-weight:400;line-height:16px;color:var(–newCommunityTheme-actionIcon);margin-bottom:8px}
.s5ap8yh1b4ZfwxvHizW3f{color:var(–newCommunityTheme-metaText);padding-top:5px}.s5ap8yh1b4ZfwxvHizW3f._19JhaP1slDQqu2XgT3vVS0{color:#ea0027}
._1EPynDYoibfs7nDggdH7Gq{margin-bottom:8px;position:relative}._1EPynDYoibfs7nDggdH7Gq._3-0c12FCnHoLz34dQVveax{max-height:63px;overflow:hidden}._1zPvgKHteTOub9dKkvrOl4{font-family:Noto Sans,Arial,sans-serif;font-size:14px;line-height:21px;font-weight:400;word-wrap:break-word}._1dp4_svQVkkuV143AIEKsf{-ms-flex-align:baseline;align-items:baseline;background-color:var(–newCommunityTheme-body);bottom:-2px;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;padding-left:2px;position:absolute;right:-8px}._5VBcBVybCfosCzMJlXzC3{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px;color:var(–newCommunityTheme-bodyText)}._3YNtuKT-Is6XUBvdluRTyI{position:relative;background-color:0;color:var(–newCommunityTheme-metaText);fill:var(–newCommunityTheme-metaText);border:0;padding:0 8px}._3YNtuKT-Is6XUBvdluRTyI:before{content:””;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9999px;background:var(–newCommunityTheme-metaText);opacity:0}._3YNtuKT-Is6XUBvdluRTyI:hover:before{opacity:.08}._3YNtuKT-Is6XUBvdluRTyI:focus{outline:none}._3YNtuKT-Is6XUBvdluRTyI:focus:before{opacity:.16}._3YNtuKT-Is6XUBvdluRTyI._2Z_0gYdq8Wr3FulRLZXC3e:before,._3YNtuKT-Is6XUBvdluRTyI:active:before{opacity:.24}._3YNtuKT-Is6XUBvdluRTyI:disabled,._3YNtuKT-Is6XUBvdluRTyI[data-disabled],._3YNtuKT-Is6XUBvdluRTyI[disabled]{cursor:not-allowed;filter:grayscale(1);background:none;color:var(–newCommunityTheme-metaTextAlpha50);fill:var(–newCommunityTheme-metaTextAlpha50)}._2ZTVnRPqdyKo1dA7Q7i4EL{transition:all .1s linear 0s}.k51Bu_pyEfHQF6AAhaKfS{transition:none}._2qi_L6gKnhyJ0ZxPmwbDFK{transition:all .1s linear 0s;display:block;background-color:var(–newCommunityTheme-field);border-radius:4px;padding:8px;margin-bottom:12px;margin-top:8px;border:1px solid var(–newCommunityTheme-canvas);cursor:pointer}._2qi_L6gKnhyJ0ZxPmwbDFK:focus{outline:none}._2qi_L6gKnhyJ0ZxPmwbDFK:hover{border:1px solid var(–newCommunityTheme-button)}._2qi_L6gKnhyJ0ZxPmwbDFK._3GG6tRGPPJiejLqt2AZfh4{transition:none;border:1px solid var(–newCommunityTheme-button)}.IzSmZckfdQu5YP9qCsdWO{cursor:pointer;transition:all .1s linear 0s}.IzSmZckfdQu5YP9qCsdWO ._1EPynDYoibfs7nDggdH7Gq{border:1px solid transparent;border-radius:4px;transition:all .1s linear 0s}.IzSmZckfdQu5YP9qCsdWO:hover ._1EPynDYoibfs7nDggdH7Gq{border:1px solid var(–newCommunityTheme-button);padding:4px}._1YvJWALkJ8iKZxUU53TeNO{font-size:12px;font-weight:700;line-height:16px;color:var(–newCommunityTheme-button)}._3adDzm8E3q64yWtEcs5XU7{display:-ms-flexbox;display:flex}._3adDzm8E3q64yWtEcs5XU7 ._3jyKpErOrdUDMh0RFq5V6f{-ms-flex:100%;flex:100%}._3adDzm8E3q64yWtEcs5XU7 .dqhlvajEe-qyxij0jNsi0{color:var(–newCommunityTheme-button)}._3adDzm8E3q64yWtEcs5XU7 ._12nHw-MGuz_r1dQx5YPM2v,._3adDzm8E3q64yWtEcs5XU7 .dqhlvajEe-qyxij0jNsi0{font-size:12px;font-weight:700;line-height:16px;cursor:pointer;-ms-flex-item-align:end;align-self:flex-end;-webkit-user-select:none;-ms-user-select:none;user-select:none}._3adDzm8E3q64yWtEcs5XU7 ._12nHw-MGuz_r1dQx5YPM2v{color:var(–newCommunityTheme-button);margin-right:8px;color:var(–newCommunityTheme-errorText)}._3zTJ9t4vNwm1NrIaZ35NS6{font-family:Noto Sans,Arial,sans-serif;font-size:14px;line-height:21px;font-weight:400;word-wrap:break-word;width:100%;padding:0;border:none;background-color:transparent;resize:none;outline:none;cursor:pointer;color:var(–newRedditTheme-bodyText)}._2JIiUcAdp9rIhjEbIjcuQ-{resize:none;cursor:auto}._2I2LpaEhGCzQ9inJMwliNO,._42Nh7O6pFcqnA6OZd3bOK{display:inline-block;margin-left:4px;vertical-align:middle}._42Nh7O6pFcqnA6OZd3bOK{fill:var(–newCommunityTheme-button);color:var(–newCommunityTheme-button);height:16px;width:16px;margin-bottom:2px}
@keyframes ibDwUVR1CAykturOgqOS5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._3LwT7hgGcSjmJ7ng7drAuq{–sizePx:0;font-size:4px;position:relative;text-indent:-9999em;border-radius:50%;border:4px solid var(–newCommunityTheme-bodyTextAlpha20);border-left-color:var(–newCommunityTheme-body);transform:translateZ(0);animation:ibDwUVR1CAykturOgqOS5 1.1s linear infinite}._3LwT7hgGcSjmJ7ng7drAuq,._3LwT7hgGcSjmJ7ng7drAuq:after{width:var(–sizePx);height:var(–sizePx)}._3LwT7hgGcSjmJ7ng7drAuq:after{border-radius:50%}._3LwT7hgGcSjmJ7ng7drAuq._2qr28EeyPvBWAsPKl-KuWN{margin:0 auto}
._2cHgYGbfV9EZMSThqLt2tx{margin-bottom:16px;border-radius:4px}._3Q7WCNdCi77r0_CKPoDSFY{width:75%;height:24px}._2wgLWvNKnhoJX3DUVT_3F-,._3Q7WCNdCi77r0_CKPoDSFY{background:var(–newCommunityTheme-field);background-size:200%;margin-bottom:16px;border-radius:4px}._2wgLWvNKnhoJX3DUVT_3F-{width:100%;height:46px}
.Rd5g7JmL4Fdk-aZi1-U_V{transition:all .1s linear 0s}._2TMXtA984ePtHXMkOpHNQm{font-size:16px;font-weight:500;line-height:20px;margin-bottom:4px}.CneW1mCG4WJXxJbZl5tzH{border-top:1px solid var(–newRedditTheme-line);margin-top:16px;padding-top:16px}._11ARF4IQO4h3HeKPpPg0xb{transition:all .1s linear 0s;display:none;fill:var(–newCommunityTheme-button);height:16px;width:16px;vertical-align:middle;margin-bottom:2px;margin-left:4px;cursor:pointer}._1I3N-uBrbZH-ywcmCnwv_B:hover ._11ARF4IQO4h3HeKPpPg0xb{display:inline-block}._2IvhQwkgv_7K0Q3R0695Cs{border-radius:4px;border:1px solid var(–newCommunityTheme-line)}._2IvhQwkgv_7K0Q3R0695Cs:focus{outline:none}._1I3N-uBrbZH-ywcmCnwv_B{transition:all .1s linear 0s;border-radius:4px;border:1px solid var(–newCommunityTheme-line)}._1I3N-uBrbZH-ywcmCnwv_B:focus{outline:none}._1I3N-uBrbZH-ywcmCnwv_B.IeceazVNz_gGZfKXub0ak,._1I3N-uBrbZH-ywcmCnwv_B:hover{border:1px solid var(–newCommunityTheme-button)}._35hmSCjPO8OEezK36eUXpk._35hmSCjPO8OEezK36eUXpk._35hmSCjPO8OEezK36eUXpk{margin-top:25px;left:-9px}._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP,._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP:focus-within,._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP._3aEIeAgUy9VfJyRPljMNJP:hover{transition:all .1s linear 0s;border:none;padding:8px 8px 0}._25yWxLGH4C6j26OKFx8kD5{display:inline}._2YsVWIEj0doZMxreeY6iDG{font-size:12px;font-weight:400;line-height:16px;color:var(–newCommunityTheme-metaText);display:-ms-flexbox;display:flex;padding:4px 6px}._1hFCAcL4_gkyWN0KM96zgg{color:var(–newCommunityTheme-button);margin-right:8px;margin-left:auto;color:var(–newCommunityTheme-errorText)}._1hFCAcL4_gkyWN0KM96zgg,._1dF0IdghIrnqkJiUxfswxd{font-size:12px;font-weight:700;line-height:16px;cursor:pointer;-ms-flex-item-align:end;align-self:flex-end;-webkit-user-select:none;-ms-user-select:none;user-select:none}._1dF0IdghIrnqkJiUxfswxd{color:var(–newCommunityTheme-button)}._3VGrhUu842I3acqBMCoSAq{font-weight:700;color:#ff4500;text-transform:uppercase;margin-right:4px}._3VGrhUu842I3acqBMCoSAq,.edyFgPHILhf5OLH2vk-tk{font-size:12px;line-height:16px}.edyFgPHILhf5OLH2vk-tk{font-weight:400;-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:4px;color:var(–newCommunityTheme-metaText)}._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX{margin-top:6px}._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX._19lMIGqzfTPVY3ssqTiZSX._3MAHaXXXXi9Xrmc_oMPTdP{margin-top:4px}
.ehsOqYO6dxn_Pf9Dzwu37{margin-top:0;overflow:visible}._2pFdCpgBihIaYh9DSMWBIu{height:24px}._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu{border-radius:2px}._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:focus,._2pFdCpgBihIaYh9DSMWBIu.uMPgOFYlCc5uvpa2Lbteu:hover{background-color:var(–newRedditTheme-navIconFaded10);outline:none}._38GxRFSqSC-Z2VLi5Xzkjy{color:var(–newCommunityTheme-actionIcon)}._2DO72U0b_6CUw3msKGrnnT{border-top:none;color:var(–newCommunityTheme-metaText);cursor:pointer;padding:8px 16px 8px 8px;text-transform:none}._2DO72U0b_6CUw3msKGrnnT:hover{background-color:#0079d3;border:none;color:var(–newCommunityTheme-body);fill:var(–newCommunityTheme-body)}
._1LHxa-yaHJwrPK8kuyv_Y4{width:100%}._1LHxa-yaHJwrPK8kuyv_Y4:hover ._31L3r0EWsU0weoMZvEJcUA{display:none}._1LHxa-yaHJwrPK8kuyv_Y4 ._31L3r0EWsU0weoMZvEJcUA,._1LHxa-yaHJwrPK8kuyv_Y4:hover ._11Zy7Yp4S1ZArNqhUQ0jZW{display:block}._1LHxa-yaHJwrPK8kuyv_Y4 ._11Zy7Yp4S1ZArNqhUQ0jZW{display:none}
._3Im6OD67aKo33nql4FpSp_{border:1px solid var(–newCommunityTheme-widgetColors-sidebarWidgetBorderColor);border-radius:5px 5px 4px 4px;overflow:visible;word-wrap:break-word;background-color:var(–newCommunityTheme-body);padding:12px}.lnK0-OzG7nLFydTWuXGcY{font-size:10px;font-weight:700;letter-spacing:.5px;line-height:12px;text-transform:uppercase;padding-bottom:4px;color:var(–newCommunityTheme-navIcon)}
._12xlue8dQ1odPw1J81FIGQ{display:inline-block;vertical-align:middle}
._3-SW6hQX6gXK9G4FM74obr{display:inline-block;vertical-align:text-bottom;width:16px;height:16px;font-size:16px;line-height:16px}
._37coyt0h8ryIQubA7RHmUc{margin-top:12px;padding-top:12px}._2XJvPvYIEYtcS4ORsDXwa3{border-radius:100%;box-sizing:border-box;-ms-flex:none;flex:none;margin-right:8px}._2Vkdik1Q8k0lBEhhA_lRKE,.icon._2Vkdik1Q8k0lBEhhA_lRKE{height:54px;width:54px;font-size:54px;line-height:54px}.eGjjbHtkgFc-SYka3LM3M,._2Vkdik1Q8k0lBEhhA_lRKE,.icon.eGjjbHtkgFc-SYka3LM3M,.icon._2Vkdik1Q8k0lBEhhA_lRKE{border-radius:100%;box-sizing:border-box;-ms-flex:none;flex:none;margin-right:8px;background-position:50%;background-repeat:no-repeat;background-size:100%}.eGjjbHtkgFc-SYka3LM3M,.icon.eGjjbHtkgFc-SYka3LM3M{height:36px;width:36px}.j9k2MUR13FjoBBeLo1C1m{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-top:13px;margin-bottom:2px}._3Evl5aOozId3QVjs7iry2c{font-size:12px;font-weight:400;line-height:16px;margin-right:4px;margin-left:4px}._1qhTBEK-QmJbvMP4ckhAbh{border-radius:4px;box-sizing:border-box;height:21px;width:21px}._1qhTBEK-QmJbvMP4ckhAbh:nth-child(2),._1qhTBEK-QmJbvMP4ckhAbh:nth-child(3){margin-left:-9px}._3nzVPnRRnrls4DOXO_I0fn{margin:auto 0 auto auto;padding-top:10px;vertical-align:middle}._3nzVPnRRnrls4DOXO_I0fn ._1LAmcxBaaqShJsi8RNT-Vp i{color:unset}._2bWoGvMqVhMWwhp4Pgt4LP{margin:16px 0;font-size:12px;font-weight:400;line-height:16px}.icon.tWeTbHFf02PguTEonwJD0{margin-right:4px;vertical-align:top}._2AbGMsrZJPHrLm9e-oyW1E{width:180px;text-align:center}.icon._1cB7-TWJtfCxXAqqeyVb2q{cursor:pointer;margin-left:6px;height:14px;fill:#dadada;font-size:12px;vertical-align:middle}.hpxKmfWP2ZiwdKaWpefMn{background-color:var(–newCommunityTheme-active);background-size:cover;background-image:var(–newCommunityTheme-banner-backgroundImage);background-position-y:center;background-position-x:center;background-repeat:no-repeat;border-radius:3px 3px 0 0;height:34px;margin:-12px -12px 10px}._20Kb6TX_CdnePoT8iEsls6{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin-bottom:8px}._20Kb6TX_CdnePoT8iEsls6 >*{display:inline-block;vertical-align:middle}.t9oUK2WY0d28lhLAh3N5q{margin-top:-23px}._2KqgQ5WzoQRJqjjoznu22o{display:inline-block;-ms-flex-negative:0;flex-shrink:0;position:relative}._2D7eYuDY6cYGtybECmsxvE{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}._2D7eYuDY6cYGtybECmsxvE:hover{text-decoration:underline}._19bCWnxeTjqzBElWZfIlJb{font-size:16px;font-weight:500;line-height:20px;display:inline-block}._2TC7AdkcuxFIFKRO_VWis8{margin-left:10px;margin-top:30px}._2TC7AdkcuxFIFKRO_VWis8._35WVFxUni5zeFkPk7O4iiB{margin-top:35px}._7kAMkb9SAVF8xJ3L53gcW{display:-ms-flexbox;display:flex;margin-bottom:8px}._7kAMkb9SAVF8xJ3L53gcW >*{-ms-flex:auto;flex:auto}._1LAmcxBaaqShJsi8RNT-Vp{padding:0 2px 0 4px;vertical-align:middle}._3_HlHJ56dAfStT19Jgl1bF,.nEdqRRzLEN43xauwtgTmj{padding-right:4px}._3_HlHJ56dAfStT19Jgl1bF{padding-left:16px}._2QZ7T4uAFMs_N83BZcN-Em{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.icon._19sQCxYe2NApNbYNX5P5-L{margin:-2px 8px 0 0}._3XFx6CfPlg-4Usgxm0gK8R{font-size:16px;font-weight:500;line-height:20px}._34InTQ51PAhJivuc_InKjJ{color:var(–newCommunityTheme-actionIcon)}._29_mu5qI8E1fq6Uq5koje8{font-size:12px;font-weight:500;line-height:16px;display:inline-block;word-break:break-word}._2BY2-wxSbNFYqAy98jWyTC{margin-top:10px}._3sGbDVmLJd_8OV8Kfl7dVv{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px;margin-top:8px;word-wrap:break-word}._1qiHDKK74j6hUNxM0p9ZIp{margin-top:12px}.Jy6FIGP1NvWbVjQZN7FHA,._326PJFFRv8chYfOlaEYmGt,._1eMniuqQCoYf3kOpyx83Jj,._1cDoUuVvel5B1n5wa3K507{-ms-flex-pack:center;justify-content:center;margin-top:12px;width:100%}._1eMniuqQCoYf3kOpyx83Jj{margin-bottom:8px}._2_w8DCFR-DCxgxlP1SGNq5{margin-right:4px;vertical-align:middle}._1aS-wQ7rpbcxKT0d5kjrbh{border-radius:4px;display:inline-block;padding:4px}._2cn386lOe1A_DTmBUA-qSM{border-top:1px solid var(–newCommunityTheme-widgetColors-lineColor);margin-top:10px}._2Zdkj7cQEO3zSGHGK2XnZv{display:inline-block}.wzFxUZxKK8HkWiEhs0tyE{font-size:12px;font-weight:700;line-height:16px;color:var(–newCommunityTheme-button);cursor:pointer;text-align:left;margin-top:2px}._3R24jLERJTaoRbM_vYd9v0._3R24jLERJTaoRbM_vYd9v0._3R24jLERJTaoRbM_vYd9v0{display:none}._38lwnrIpIyqxDfAF1iwhcV{background-color:var(–newRedditTheme-line);border:none;height:1px;margin:16px 0}.yobE-ux_T1smVDcFMMKFv{font-size:16px;font-weight:500;line-height:20px}._2DVpJZAGplELzFy4mB0epQ{margin-top:8px}._2DVpJZAGplELzFy4mB0epQ .x1f6lYW8eQcUFu0VIPZzb{color:inherit}._2DVpJZAGplELzFy4mB0epQ svg.LTiNLdCS1ZPRx9wBlY2rD{color:inherit;fill:inherit;padding-right:8px}._2DVpJZAGplELzFy4mB0epQ ._18e78ihYD3tNypPhtYISq3{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;color:inherit}
.LalRrQILNjt65y-p-QlWH{fill:var(–newRedditTheme-actionIcon);height:18px;width:18px}.LalRrQILNjt65y-p-QlWH rect{stroke:var(–newRedditTheme-metaText)}._3J2-xIxxxP9ISzeLWCOUVc{height:18px}.FyLpt0kIWG1bTDWZ8HIL1{margin-top:4px}._2ntJEAiwKXBGvxrJiqxx_2,._1SqBC7PQ5dMOdF0MhPIkA8{vertical-align:middle}._1SqBC7PQ5dMOdF0MhPIkA8{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}
._2tytE20aBhQMtf6GkTvN3,._16Osj2XUXJVMQLOL8-1m8E{height:16px}._16Osj2XUXJVMQLOL8-1m8E{width:16px}._16Osj2XUXJVMQLOL8-1m8E+._16Osj2XUXJVMQLOL8-1m8E{margin-left:4px}
._3kS07M5t3AnCSn-dzPT28L,._9U85xFylyRCZNL6qmFbx{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}._3kS07M5t3AnCSn-dzPT28L{max-width:100%}._2d6f5m40Wp18i0fC6mloL3{height:28px;width:28px;margin-top:6px}.MsNDLMKXGpyANwNmwjClc{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;margin-left:8px;min-width:0}._2zJmxsJUBCpVk9xUBGzZpP{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}._3MMCPmniAei9M8H_KF1370{font-size:12px;font-weight:500;line-height:16px;color:var(–newRedditTheme-titleText)}._3f8i-0tQOqxvijtZIdqRv2{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;max-width:100%;margin-top:2px}._1nNvsQvf6jy4_nUR_Sv0dS._1nNvsQvf6jy4_nUR_Sv0dS{font-weight:400;box-sizing:border-box}._1SkwA-RUKQvmuGiuvGXPPW{margin-left:4px}
._2a172ppKObqWfRHr8eWBKV{-ms-flex-negative:0;flex-shrink:0;margin-right:8px}._39-woRduNuowN7G4JTW4I8{border-top:1px solid var(–newCommunityTheme-widgetColors-lineColor);margin-top:12px;padding-top:12px}._2jnTo-FNwT6nxIXrq1_-7c{font-size:12px;font-weight:400;line-height:16px;-ms-flex-align:center;align-items:center;background-color:var(–newCommunityTheme-body);border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:12px}._136QdRzXkGKNtSQ-h1fUru{display:-ms-flexbox;display:flex;margin:8px 0;width:100%}.vzEDg-tM8ZDpEfJnbaJuU{color:var(–newCommunityTheme-button);fill:var(–newCommunityTheme-button);height:14px;width:14px}.r51dfG6q3N-4exmkjHQg_{font-size:10px;font-weight:700;letter-spacing:.5px;line-height:12px;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}._2ygXHcy_x6RG74BMk0UKkN{margin-left:8px}._2BnLYNBALzjH6p_ollJ-RF{display:-ms-flexbox;display:flex;margin-left:auto}._1-25VxiIsZFVU88qFh-T8p{padding:0}._3BmRwhm18nr4GmDhkoSgtb{color:var(–newCommunityTheme-bodyText);-ms-flex:0 0 auto;flex:0 0 auto;line-height:16px}
._2FKpII1jz0h6xCAw1kQAvS{background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 3px 0 rgba(0,0,0,.2);transition:left .15s linear;border-radius:57%;width:57%}._2FKpII1jz0h6xCAw1kQAvS:after{content:””;padding-top:100%;display:block}._2e2g485kpErHhJQUiyvvC2{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(–newCommunityTheme-navIconFaded10);border:2px solid transparent;border-radius:100px;cursor:pointer;position:relative;width:35px;transition:border-color .15s linear,background-color .15s linear}._2e2g485kpErHhJQUiyvvC2._3kUvbpMbR21zJBboDdBH7D{background-color:var(–newRedditTheme-navIconFaded10)}._2e2g485kpErHhJQUiyvvC2._3kUvbpMbR21zJBboDdBH7D._1L5kUnhRYhUJ4TkMbOTKkI{background-color:var(–newRedditTheme-active)}._2e2g485kpErHhJQUiyvvC2._3kUvbpMbR21zJBboDdBH7D._1L5kUnhRYhUJ4TkMbOTKkI._3clF3xRMqSWmoBQpXv8U5z{background-color:var(–newRedditTheme-buttonAlpha10)}._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq{border-width:2.25px;height:24px;width:37.5px}._2e2g485kpErHhJQUiyvvC2._1asGWL2_XadHoBuUlNArOq ._2FKpII1jz0h6xCAw1kQAvS{height:19.5px;width:19.5px}._2e2g485kpErHhJQUiyvvC2._1hku5xiXsbqzLmszstPyR3{border-width:3px;height:32px;width:50px}._2e2g485kpErHhJQUiyvvC2._1hku5xiXsbqzLmszstPyR3 ._2FKpII1jz0h6xCAw1kQAvS{height:26px;width:26px}._2e2g485kpErHhJQUiyvvC2._10hZCcuqkss2sf5UbBMCSD{border-width:3.75px;height:40px;width:62.5px}._2e2g485kpErHhJQUiyvvC2._10hZCcuqkss2sf5UbBMCSD ._2FKpII1jz0h6xCAw1kQAvS{height:32.5px;width:32.5px}._2e2g485kpErHhJQUiyvvC2._1fCdbQCDv6tiX242k80-LO{border-width:4.5px;height:48px;width:75px}._2e2g485kpErHhJQUiyvvC2._1fCdbQCDv6tiX242k80-LO ._2FKpII1jz0h6xCAw1kQAvS{height:39px;width:39px}._2e2g485kpErHhJQUiyvvC2._2Jp5Pv4tgpAsTcnUzTsXgO{border-width:5.25px;height:56px;width:87.5px}._2e2g485kpErHhJQUiyvvC2._2Jp5Pv4tgpAsTcnUzTsXgO ._2FKpII1jz0h6xCAw1kQAvS{height:45.5px;width:45.5px}._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI{-ms-flex-pack:end;justify-content:flex-end;background-color:var(–newCommunityTheme-active)}._2e2g485kpErHhJQUiyvvC2._3clF3xRMqSWmoBQpXv8U5z{cursor:default}._2e2g485kpErHhJQUiyvvC2._3clF3xRMqSWmoBQpXv8U5z ._2FKpII1jz0h6xCAw1kQAvS{box-shadow:none}._2e2g485kpErHhJQUiyvvC2._1L5kUnhRYhUJ4TkMbOTKkI._3clF3xRMqSWmoBQpXv8U5z{background-color:var(–newCommunityTheme-buttonAlpha10)}
._3Qx5bBCG_O8wVZee9J-KyJ{border-top:1px solid var(–newRedditTheme-line);margin-top:16px;padding-top:16px}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN{margin:0;padding:0}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:21px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:8px 0}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ.QgBK4ECuqpeR2umRjYcP2{opacity:.4}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ label{font-size:12px;font-weight:500;line-height:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}._3Qx5bBCG_O8wVZee9J-KyJ ._2NbKFI9n3wPM76pgfAPEsN ._2btz68cXFBI3RWcfSNwbmJ label svg{fill:currentColor;height:20px;margin-right:4px;width:20px;-ms-flex:0 0 auto;flex:0 0 auto}._3Qx5bBCG_O8wVZee9J-KyJ ._4OtOUaGIjjp2cNJMUxme_{-ms-flex-pack:justify;justify-content:space-between}._3Qx5bBCG_O8wVZee9J-KyJ ._4OtOUaGIjjp2cNJMUxme_ svg{display:inline-block;height:12px;width:12px}._2b2iJtPCDQ6eKanYDf3Jho{-ms-flex:0 0 auto;flex:0 0 auto}._4OtOUaGIjjp2cNJMUxme_{padding:0 12px}._1ra1vBLrjtHjhYDZ_gOy8F{font-family:Noto Sans,Arial,sans-serif;font-size:12px;letter-spacing:unset;line-height:16px;text-transform:unset;–textColor:var(–newCommunityTheme-widgetColors-sidebarWidgetTextColor);–textColorHover:var(–newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80);font-size:10px;font-weight:700;letter-spacing:.5px;line-height:12px;text-transform:uppercase;color:var(–textColor);fill:var(–textColor);opacity:1}._1ra1vBLrjtHjhYDZ_gOy8F._2UlgIO1LIFVpT30ItAtPfb{–textColor:var(–newRedditTheme-widgetColors-sidebarWidgetTextColor);–textColorHover:var(–newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80)}._1ra1vBLrjtHjhYDZ_gOy8F:active,._1ra1vBLrjtHjhYDZ_gOy8F:hover{color:var(–textColorHover);fill:var(–textColorHover)}._1ra1vBLrjtHjhYDZ_gOy8F:disabled,._1ra1vBLrjtHjhYDZ_gOy8F[data-disabled],._1ra1vBLrjtHjhYDZ_gOy8F[disabled]{opacity:.5;cursor:not-allowed}._3a4fkgD25f5G-b0Y8wVIBe{margin-right:8px}
.c_dVyWK3BXRxSN3ULLJ_t{border-radius:4px 4px 0 0;height:34px;left:0;position:absolute;right:0;top:0}._1OQL3FCA9BfgI57ghHHgV3{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;margin-top:32px}._1OQL3FCA9BfgI57ghHHgV3 ._33jgwegeMTJ-FJaaHMeOjV{border-radius:9001px;height:32px;width:32px}._1OQL3FCA9BfgI57ghHHgV3 ._1wQQNkVR4qNpQCzA19X4B6{height:16px;margin-left:8px;width:200px}._39IvqNe6cqNVXcMFxFWFxx{display:-ms-flexbox;display:flex;margin:12px 0}._39IvqNe6cqNVXcMFxFWFxx ._29TSdL_ZMpyzfQ_bfdcBSc{-ms-flex:1;flex:1}._39IvqNe6cqNVXcMFxFWFxx .JEV9fXVlt_7DgH-zLepBH{height:18px;width:50px}._39IvqNe6cqNVXcMFxFWFxx ._3YCOmnWpGeRBW_Psd5WMPR{height:12px;margin-top:4px;width:60px}._2iO5zt81CSiYhWRF9WylyN{height:18px;margin-bottom:4px}._2iO5zt81CSiYhWRF9WylyN._2E9u5XvlGwlpnzki78vasG{width:230px}._2iO5zt81CSiYhWRF9WylyN.fDElwzn43eJToKzSCkejE{width:100%}._2iO5zt81CSiYhWRF9WylyN._2kNB7LAYYqYdyS85f8pqfi{width:250px}._2iO5zt81CSiYhWRF9WylyN._1XmngqAPKZO_1lDBwcQrR7{width:120px}._3XbVvl-zJDbcDeEdSgxV4_{border-radius:4px;height:32px;margin-top:16px;width:100%}._2hgXdc8jVQaXYAXvnqEyED{animation:_3XkHjK4wMgxtjzC1TvoXrb 1.5s ease infinite;background:linear-gradient(90deg,var(–newCommunityTheme-field),var(–newCommunityTheme-inactive),var(–newCommunityTheme-field));background-size:200%}._1KWSZXqSM_BLhBzkPyJFGR{background-color:var(–newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor);border-radius:4px;padding:12px;position:relative;width:auto}
._2Gt13AX94UlLxkluAMsZqP{background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative;display:inline-block}
@keyframes _1tIZttmhLdrIGrB-6VvZcT{0%{opacity:0}to{opacity:1}}._3uK2I0hi3JFTKnMUFHD2Pd,.HQ2VJViRjokXpRbJzPvvc{–infoTextTooltip-overflow-left:0px;font-size:12px;font-weight:500;line-height:16px;padding:3px 9px;position:absolute;border-radius:4px;margin-top:-6px;background:#000;color:#fff;animation:_1tIZttmhLdrIGrB-6VvZcT .5s step-end;z-index:100;white-space:pre-wrap}._3uK2I0hi3JFTKnMUFHD2Pd:after,.HQ2VJViRjokXpRbJzPvvc:after{content:””;position:absolute;top:100%;left:calc(50% – 4px – var(–infoTextTooltip-overflow-left));width:0;height:0;border-top:3px solid #000;border-left:4px solid transparent;border-right:4px solid transparent}._3uK2I0hi3JFTKnMUFHD2Pd{margin-top:6px}._3uK2I0hi3JFTKnMUFHD2Pd:after{border-bottom:3px solid #000;border-top:none;bottom:100%;top:auto}
._1QwShihKKlyRXyQSlqYaWW{height:16px;width:16px;vertical-align:bottom}._2X6EB3ZhEeXCh1eIVA64XM{margin-left:3px}._1jNPl3YUk6zbpLWdjaJT1r{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;display:inline-block;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;padding:0 4px}._1jNPl3YUk6zbpLWdjaJT1r._39BEcWjOlYi1QGcJil6-yl{padding:0}._2hSecp_zkPm_s5ddV2htoj{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;display:inline-block;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;margin-left:0;padding:0 4px}._2hSecp_zkPm_s5ddV2htoj._39BEcWjOlYi1QGcJil6-yl{padding:0}._1wzhGvvafQFOWAyA157okr{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;box-sizing:border-box;line-height:14px;padding:0 4px}._3BPVpMSn5b1vb1yTQuqCRH,._1wzhGvvafQFOWAyA157okr{display:inline-block;height:16px}._3BPVpMSn5b1vb1yTQuqCRH{background-color:var(–newRedditTheme-body);border-radius:50%;margin-left:5px;text-align:center;width:16px}._2cvySYWkqJfynvXFOpNc5L{height:10px;width:10px}.aJrgrewN9C8x1Fusdx4hh{padding:2px 8px}._1wj6zoMi6hRP5YhJ8nXWXE{font-size:14px;padding:7px 12px}._2VqfzH0dZ9dIl3XWNxs42y{border-radius:20px}._2VqfzH0dZ9dIl3XWNxs42y:hover{opacity:.85}._2VqfzH0dZ9dIl3XWNxs42y:active{transform:scale(.95)}
._7_d4sJjd2oYzaJuU_QpOI{font-size:12px;font-weight:500;line-height:16px;border-radius:2px;display:inline-block;margin-right:5px;overflow:hidden;text-overflow:ellipsis;vertical-align:text-bottom;white-space:pre;word-break:normal;background-color:var(–newRedditTheme-flair);color:var(–newRedditTheme-linkText);margin-top:10px;padding:0 4px}._7_d4sJjd2oYzaJuU_QpOI._1rtoCmW_7bFJWYffSOwt4R{margin-top:0}
._13jLUpnQtcA8FXyw5Kv06q{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 0 auto;flex:0 0 auto}
/*# sourceMappingURL=https://www.redditstatic.com/desktop2x/chunkCSS/IdCard.62b560535abea75f9f86.css.map*/._2JU2WQDzn5pAlpxqChbxr7{height:16px;margin-right:8px;width:16px}._3E45je-29yDjfFqFcLCXyH{margin-top:16px}._13YtS_rCnVZG1ns2xaCalg{font-family:Noto Sans,Arial,sans-serif;font-size:14px;font-weight:400;line-height:18px;display:-ms-flexbox;display:flex}._1m5fPZN4q3vKVg9SgU43u2{margin-top:12px}._17A-IdW3j1_fI_pN-8tMV-{display:inline-block;margin-bottom:8px;margin-right:5px}._5MIPBF8A9vXwwXFumpGqY{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;padding:3px 10px;text-transform:none}._5MIPBF8A9vXwwXFumpGqY:focus{outline:unset}
/*# sourceMappingURL=https://www.redditstatic.com/desktop2x/chunkCSS/TopicLinksContainer.361933014be843c79476.css.map*/
Details
The Best Markdown Editor for Linux – SitePointSkip to main contentFree JavaScript Book!Write powerful, clean and maintainable JavaScript.RRP $11.95 Using Markdown syntax is my preferred way of writing. I use it to create content for the Web and to jot down simple notes. It’s a simple, minimalistic method of writing formatted text that works well and doesn’t lock you into a proprietary system. That sits well with the Linux philosophy.
And it’s catching on. Since John Gruber created it in 2004, it has become increasingly used online and in apps of various types. It’s worth learning. You’ll find the syntax on Gruber’s Daring Fireball blog and our free printable Markdown cheat sheet.
There are plenty of Markdown editors for Mac and Windows. What’s available for Linux? I’ll list your main FOSS and non-FOSS options below and make some recommendations at the end.
Let’s get into it.
13 Text Editors with Markdown Support
You can use your favorite Linux text editor to write Markdown. You might find that it has native support for Markdown, or that a Markdown extension or plugin is available. Here are some examples:
Vim has the vim-markdown and vim-instant-markdown plugins that feature syntax highlighting and folding.
GNU Emacs has a Markdown Mode for Emacs package that includes shortcut keys and syntax highlighting.
Spacemacs has a Markdown layer to add Markdown support.
Bluefish includes syntax highlighting for Markdown files.
Eclipse has the Markdown Text Editor plugin which includes a document outline, folded sections, preview, export to HTML, task tags, word wrap, and paragraph formatting.
Gedit includes syntax highlighting for Markdown files.
Geany offers the Markdown plugin with preview and syntax highlighting.
Kate, the KDE text editor, supports Markdown syntax highlighting.
Atom supports Markdown out of the box, with features like syntax highlighting and preview. This functionality can be expanded by several community-generated packages, including Markdown-Writer, Markdown-Scroll-Sync, and Markdown-Format.
Notepad++ allows you to add Markdown support using the MarkdownViewer++ plugin.
Sublime Text 3 (not FOSS) can be turned into a full-featured Markdown editor. We show you how here.
Visual Studio Code (not FOSS) offers a number of Markdown extensions. These allow you to preview and compile Markdown files and offer an outline view that folds headers.
VSCodium is an open source version of Visual Studio Code without the telemetry and tracking.
10 File-based Markdown Editors
Many Markdown editors work like text editors and IDEs, allowing you to write or edit individual files. These provide additional useful features you won’t find in most text editors, including:
syntax highlighting and a preview pane
keyboard shortcuts
export/convert Markdown into HTML, PDF, ODT and more
a distraction-free writing environment
word count, document statistics, and spell check
advanced formatting, including tables and mathematical expressions.
1. Apostrophe
Apostrophe is a distraction-free Markdown editor with an elegant and minimalistic interface. It’s a fork of UberWriter by the original developers, an app that was inspired by iA Writer.
License: GPLv3
Toolkit: GTK+
Last updated: 2021
Other platforms: n/a
A distraction free Markdown editor for GNU/Linux made with GTK+
How to install: The official website includes instructions on how to build Apostrophe using GNOME Builder, Git, and Flatpak.
2. Mark Text
Mark Text is a simple and elegant Markdown editor written to meet the author’s own writing needs and is based on the Electron Framework. Extensions support math expressions (KaTeX), front matter, and emojis, and you can export to HTML and PDF files. Various light and dark themes are available.
License: MIT
Framework: Electron
Last updated: 2021
Other platforms: macOS, Windows
Next generation Markdown editor. A simple and elegant open-source Markdown editor that’s focused on speed and usability.
How to install: The app’s Linux Installation Instructions page outlines how to install Mark Text via an AppImage, Flatpak, and Tarball.
3. ReText
ReText is a more powerful tool and able to edit both Markdown and reStructuredText. Multiple files can be opened in tabs, you can view rendered Markdown in a preview pane, and tags and symbols are available from the icon bar.
License: GPL
Language: Python
Last updated: 2021
Other platforms: n/a
Simple but powerful editor for Markdown and reStructuredText.
It includes syntax highlighting and a synchronized preview pane, and MathJax and Python-Markdown are supported. There’s a table editing mode, and PDF, ODT, and HTML export.
How to install: ReText is included in the Debian and Ubuntu software repositories and requires that Python 3.6 or later be first installed. Full instructions are found on the official website.
4. Ghostwriter
Ghostwriter has a range of distraction-free features, including full-screen mode, a clean interface, and a dark theme. Focus Mode highlights the text around the cursor and fades the rest, and Hemingway Mode disables the backspace and delete keys, forcing you to write rather than edit.
License: GPLv3
Toolkit: QT
Last updated: 2021
Other platforms: Windows
A distraction-free Markdown editor for Windows and Linux. Stylish. Open source. Free.
Other features include built-in themes, live preview, and drag-and-drop images. There’s also an Outline HUD that gives you an overview of your document, and plenty of statistics, including word count. You can export your document to HTML and a variety of other formats.
How to install: You’ll find instructions on how to install GhostWriter on Ubuntu and its derivatives, Fedora, and OpenSUSE on GitHub.
5. Marker
Marker is a basic Markdown editor with syntax highlighting and a preview pane. It includes support for KaTeX and MathJax math notation, Mermaid diagrams, and Charter graphs.
License: GPLv3
Toolkit: GTK+
Last updated: 2021
Other platforms: n/a
Marker is a Markdown editor for Linux made with GTK+-3.0
How to install: You’ll find packages for Fedora, Flathub, and Arch Linux on GitHub along with a list of dependencies.
6. KeenWrite
KeenWrite is a highly technical Markdown editor written in Java. It offers user-defined interpolated strings, auto-complete variable names, and real-time spell check. Diagrams can include variables and TeX math equations can be created. Documents can be opened in tabs and a document outline can be opened in a separate pane.
License: BSD
Framework: Java
Last updated: 2021
Other platforms: Windows
Java-based desktop text editor with live preview, string interpolation, and formulas
Note: KeenWrite is based on the no-longer maintained Markdown-Writer-FX.
How to install: KeenWrite is a Java app, and instructions for installing it on Linux are available on the official website.
7. HedgeDoc
HedgeDoc (formerly known as CodiMD) is a collaborative Markdown editor. Documents are shared via a note link, and graphs, diagrams, and presentations can be created.
License: AGPLv3
Language: TypeScript
Last updated: 2021
Other platforms: Online
The best platform to write and share Markdown
How to install: HedgeDoc can be installed from a Docker image, Heroku, or manually. Detailed installation instructions are provided.
8. Abricotine
Abricotine is an advanced, Electron-based Markdown editor that renders Markdown in the text editor, along with syntax highlighting. The app supports tables and the ability to insert images and embedded YouTube videos into your document.
License: GPL
Framework: Electron
Last updated: 2020
Other platforms: macOS, Windows
Abricotine is an open-source Markdown editor built for desktop.
Additional features include math written with LateX, checklists, anchors, and spell checking. A table of contents of your document can be displayed in a side panel.
How to install: Ubuntu DEB packages, tarballs, and source code are available from the downloads page.
Remarkable is an easy-to-use Markdown editor that supports syntax highlighting, a synchronized preview pane, and useful keyboard shortcuts. MathJax formatting is supported and you can export your documents to HTML or PDF.
License: MIT license
Language: Python
Last updated: 2020
Other platforms: Windows
A fully featured Markdown editor
How to install: Easy installers for Debian, Ubuntu, Fedora, OpenSUSE, and Arch systems are available from the official website.
10. Typora (not FOSS)
Typora is highly minimalistic, and even removes the Markdown syntax as you type, replacing it with a preview of the formatting. What you see is what you get. It’s clean and makes reading easier.
License: Proprietary, free during beta
Language: Python
Last updated: 2021
Other platforms: macOS, Windows
A truly minimal Markdown editor.
Despite its simplicity, Typora is feature-rich and supports images, lists, tables, code fences, MathJax blocks, and tables of contents. Keyboard shortcuts do what you expect, and the themes are fully configurable by CSS.
How to install: The official website provides the details of how to access Typora’s Ubuntu repository and also provides a tarball.
8 Library-based Markdown Editors
Here are some alternate apps that allow you to manage complete libraries of Markdown files.
1. Joplin
Joplin is an open-source alternative to Evernote and can import Evernote’s .enex files. All notes are in Markdown format and can be synchronized between your devices with end-to-end encryption via a number of popular cloud services.
License: MIT License
Framework: Electron
Last updated: 2021
Other platforms: macOS, Windows, iOS, Android
Joplin is a free, open source note taking and to-do application, which can handle a large number of notes organised into notebooks. The notes are searchable, can be copied, tagged and modified either from the applications directly or from your own text editor. The notes are in Markdown format.
How to install: The official website offers an AppImage, terminal commands for download scripts, and a link to an unofficial Arch Linux package.
2. Zettlr
Zettlr is a fast, versatile, tab-based Markdown editor designed for writing professional and academic text. It lets you connect your notes using the Zettelkasten methodology and integrates with reference managers like Zotero, JabRef, and Juris-M. It offers themes, dark mode, and heatmap search.
License: GPLv3
Framework: Electron
Last updated: 2021
Other platforms: macOS, Windows
A Markdown editor for the 21st Century
How to install: The download page offers Debian, Fedora, and AppImage packages.
3. MindForger
MindForger is a notebook, knowledge management tool, and Markdown editor designed to store and find all of your notes and miscellaneous information. It displays related content as you write, offers a graphical tag navigator, and supports MathJax notation. Synchronization is possible in a number of ways, and an emphasis is placed on security and privacy.
License: GPLv2
Language: C++
Last updated: 2020
Other platforms: macOS, Windows
Are you drowning in information, but starving for knowledge?
How to install: The official website offers links to Ubuntu, Debian, Fedora, Arch Linux, and Docker packages, as well as a tarball.
4. Boost Note
Boost Note is a collaborative Markdown workspace for development teams based on the Electron Framework. You can co-author in real time, access control is available, and support for diagrams, a public API, and Zapier is offered.
License: GPLv3, free for individuals, from $3/member/month for teams (including online storage)
Framework: Electron
Last updated: 2020
Other platforms: macOS, Windows, online
Boost Note is a powerful, lightspeed collaborative workspace for developer teams.
Note: Boost Note is a renewal of an older Boostnote app.
How to install: DEB, RPM, and AppImage packages are available from the official website.
5. Obsidian (not FOSS)
Obsidian may not be FOSS but imposes no lock-in. All data is stored in folders of plain Markdown files that can be opened in any text editor. It uses them to create a powerful knowledge base including links, backlinks, and a graph view of your data. It’s extensible via a rich plugin ecosystem. For more information, refer to my Obsidian guide.
License: Proprietary, free for personal use
Framework: Electron
Last updated: 2021
Other platforms: macOS, Windows
Obsidian is a powerful knowledge base that works on top of a local folder of plain text Markdown files.
How to install: AppImage, Snap, and (community maintained) Flatpak packages are available from the official website, as is a DEB package and tarball.
6. WordMark (Beta, not FOSS)
WordMark is a minimalistic, distraction-free Markdown editor designed for bloggers. Markdown is rendered in the edit window in real-time, images can be dragged and dropped into the app, and publishing to WordPress and GitHub is offered. You can even create a checkable to-do list.
License: Proprietary, free during beta
Framework: Electron
Last updated: 2021
Other platforms: macOS, Windows
A real time Markdown editor for bloggers. It supports multiple platforms, and stands out with its beautiful design, various features, and focus on details.
How to install: An Ubuntu 16.04 (or later) DEB package is available from the official website.
7. InkDrop (not FOSS)
InkDrop is an extensible, full-featured Markdown library that offers cloud sync between your computers and devices and 10 GB of online storage. You can customize its appearance with themes and its features with 100+ plugins, and if you prefer to, you can self-host your data using a CouchDB server.
License: Proprietary, $4.99/month
Framework: Electron
Last updated: 2021
Other platforms: macOS, Windows, iOS, Android
Organizing your Markdown notes made simple.
InkDrop supports Vim, Emacs, and Sublime Text keybindings as well as math notation, flow charts, and sequence diagrams. A distraction-free mode, task management, and public links to notes are also available.
How to install: Snap, DEB, and RPM packages are available. Installation instructions are found in the app’s online user manual.
8. Write! App (not FOSS)
Write! App is a minimalist, tab-based Markdown writing app with cloud backup that doesn’t require third-party services. You can collaborate with others on shared documents, which can be published on the Web with a public link. A spell check and word count are provided.
License: Proprietary, $24.95
Framework: unclear but “native”
Last updated: 2018
Other platforms: macOS, Windows
Write! is an elegant workspace to create notes, to-do lists, writing projects and texts of any kind. It has all features of a good word processor packed into a clutter-free interface.
How to install: This is unclear. There are no installation instructions on the official website (other than “Install and use!”) and you can’t download it until after you’ve purchased it.
So, What Is the Best Markdown Editor for You?
That’s quite a lot of variety! Which Linux Markdown editor is best for you? That depends on your priorities, and what you’ll be using the app for.
Let’s narrow down the options for you:
If you already have a favorite text editor, explore what you can do to make it more Markdown-friendly.
If you prefer software with a GPL license, choose from Apostrophe, ReText, GhostWriter, Marker, Abricotine, Zettlr, MindForger, and Boost Note.
If you value a distraction-free writing environment, then decide between Apostrophe, Mark Text, Ghostwriter, Abricotine, Typora, or WordMark.
If you’re just after a typical Markdown editor that supports basic syntax and has a preview pane, have a look at Apostrophe, Mark Text, ReText, Marker, and Remarkable.
If you require advanced formatting options, including maths and tables, then Mark Text, Marker, KeenWrite, Abricotine, Remarkable, Typora, MindForger, and InkDrop do what you need.
If you need collaboration features, look at HedgeDoc, Boost Note, or Write! App.
These apps also run on Windows: Mark Text, Ghostwriter, KeenWrite, Abricotine, Remarkable, Typora, Joplin, Zettlr, Boost Note, Obsidian, WordMark, InkDrop, Write App!
And these also run on macOS: Mark Text, Abricotine, Typora, Joplin, Zettlr, MindForger, Boost Note, Obsidian, WordMark, InkDrop, Write! App.
The perfect app for you will match your requirements and be available for your distro. Happy exploring!
Related Articles10 Top WordPress Ecommerce Themes for 2021WebBy
Google / MediaPipe dropped this new selfie-segmentation model last week.There is a great Javascript demo of the model in the docs.In the demo I put together, I used the segmented image of myself as part of a Three.js CanvasTexture and then placed that texture onto a Plane.I then created a very basic Sprite particle system (of cigarettes) to float in front and behind me. It’s rough but you can dig through the CodePen here.UPDATE:Wow, thanks for the upvotes! Since this seems to be resonating, I thought I would add a bit more context. I’ve built many camera-like web apps for clients over the years and recent developments have greatly increased my excitement about the web as a platform for camera filters / effects. For one, these incredible solutions from MediaPipe unlock all sorts of interesting concepts. Two, we can now record the effect (usually rendered on ) as a video using the MediaRecorder API. And finally, yesterday Safari announced that they would add support for Web Share level 2 which should add file sharing to social apps right from the web. If you aren’t following, this should allow us web developers to create amazing camera effects using all of the power of the open web, record those effects as videos, and then directly share with on social platforms. I’m slowly working my way towards a full demo but figured I should share this progress. 🙏🏻
Details
VPNs: What They Are, and Why You Need One – SitePointSkip to main contentFree JavaScript Book!Write powerful, clean and maintainable JavaScript.RRP $11.95 Are you concerned about your online privacy and security? The first thing you should do is use a VPN service. They’re effective, affordable, and easy to use. There are plenty of effective options that cost between $3 and $10 per month.
If you’ve been thinking about using one, now’s the time. Privacy is an important issue that we become more aware of as it’s taken away. You’re losing more of it day by day, and today you can do something to take it back.
In this article, I want to let you know how precarious your online privacy has become, outline how a VPN can help, and examine how well popular VPN services are doing with the issue.
Let’s get started by looking at the fundamental concepts of VPNs.
What Is a VPN?
When you use the Internet, you are identified by your IP address. It’s assigned to you by your internet service provider (ISP) and used by them to send back the information you request, such as web pages. They can also use it to make a record of every website you visit.
As you surf the Web, each packet you send contains your IP address. When you realize how much about you can be learned from that simple piece of information, it’s scary!
An IP address can reveal your location and ISP. It’s logged by most of the websites you visit, and over time, they can associate it with other personal information you supply, such as your name, phone number, and address.
When you type in the address of a website, a DNS server is queried so that you can be directed to the IP address of that website. By default, that DNS server belongs to your ISP. They create a log of all of your DNS queries to create a complete history of your web activity.
As you can see, the Internet is not a very private place.
A virtual private network, or VPN, protects your privacy by routing your traffic through a third-party server. Everything still goes through your ISP, of course, but it’s encrypted.
That means they can see that you’re connected to a VPN, but that’s all. Even your DNS queries go through the VPN server so they don’t know which sites you visit.
On the other side of the connection, all traffic is associated with the VPN server’s IP address, not your own, and that address is likely to change on a regular basis. Your web activity is visible, but your identity isn’t. There’s no way to trace that activity back to you.
Privacy Is the Primary Reason to Use a VPN
Maybe you feel like you have nothing to hide, but that doesn’t mean that others should be able to create a complete log of everything you do. You wouldn’t be comfortable if I followed you around recording everything you say and taking photos of everything you do. You’d find that creepy.
The same goes for our online activity. We shouldn’t feel that Big Brother from George Orwell’s Nineteen Eighty-Four is looking over our shoulder.
The way most of the Internet works today would be considered intolerable if translated into comprehensible real-world analogs, but it endures because it is invisible. — Signal.org
But that sort of tracking has become pervasive. In fact, in some parts of the world it’s a legal requirement. Some governments require ISPs to log your entire web history and provide government agencies and other authorities controlled access to it.
What’s the situation where you live? Let’s look at the mandatory data retention laws in four parts of the world.
The UK
The Investigatory Powers Act was passed by the UK government in 2016 and requires web and phone companies to store the browsing histories of all of their customers for 12 months. They are required by law to share these records with the police, security services, and government agencies.
Chris Yiu, who leads the Technology & Public Policy program for the Tony Blair Institute, compiled a complete list of who can see where British web surfers have been. I counted 48 different agencies. Since this information is stored online, Chris also wonders how many malicious actors have also got their hands on the information.
Can things get any worse? Unfortunately, yes.
The Register reports that the list is set to expand considerably. They reference a 2020 government memorandum (PDF here) that recommends adding even more agencies.
They feel that the environmental agency, department of health, pensions regulator and others deserve to see which websites Brits are accessing. It’s comical and ridiculous that the UK National Authority for Counter Eavesdropping is included on the list.
The European Union
Browser history tracking is less of a concern in the EU. The Data Retention Directive of 2006, which allowed police and security agencies to access users’ IP addresses, email metadata, phone calls, and text messages, has been annulled.
After a landmark court case in 2014, it was found to violate human rights. “The blanket retention of data of unsuspicious persons generally violates the EU Charter of Fundamental Rights” (a legal opinion quoted by Wikipedia). The Data protection and online privacy page on Europa.eu outlines new rules that protect your personal data, and you can learn more from the Blueprint for Free Speech’s “EU Court Rules Users’ Data Can’t Be Collected by ISPs for Surveillance”.
While that’s encouraging, it’s not all good news. There are major concerns on another front: censorship.
The EU is planning to launch a content filter in 2022 with the goal of protecting press publications. We don’t yet know how it will be implemented, but it has the potential to break the Internet. In recent news, an upload filter passed into German law (details here in German). Fortunately, VPNs are also an effective way to bypass censorship.
Australia
The Australian Department of Home Affairs summarizes the data retention obligations Aussie ISPs are under, and Aussie Broadband and Comparitech spell it out a bit more clearly. Here’s what they need to retain for two years:
Who you called, texted, and emailed
When you made those calls, texts, and emails
Your location
The volume of data exchanged
Information about the device you use
Your email address
Your IP address
One thing’s clear: ISPs aren’t required to log our browsing history. That government web page states that “Internet service providers are not required to retain a person’s web-browsing history or any data that would amount to web-browsing history.”
But before you breathe a sigh of relief, The Guardian reports that they’re doing it anyway, quoting Michael Manthorpe, the Commonwealth Ombudsman. He warns that some telecommunication companies are logging our web browsing histories and handing it over to law enforcement when their customers are under investigation. ITNews confirms this.
The United States
There are no mandatory data retention laws in the United States, but they’re probably doing it voluntarily. Ars Technica and Proton Mail report that a law passed by Congress in 2017 (S.J.Res.34) allows ISPs to sell and share users’ browsing history with advertisers without their knowledge or consent.
As scary as that is, ISPs are not the biggest threat to privacy in the USA. There are bigger players tracking you.
The first is the National Security Agency (NSA), who store the whole world’s internet metadata in their enormous database. US tech, communications, and finance companies are legally obliged to share customer data with them when presented with a National Security Letter (NSL). ExpressVPN’s helpful article, “10 ways the NSA is spying on you right now”, clearly enumerates the concerning details.
There are also big tech players like Amazon, Google, and Facebook. They know everything there is to know about what you buy, where you browse, and what you like. A VPN won’t stop you voluntarily sharing your personal information with them, but it can make it harder for them to connect the dots by tracking every site you visit.
Which VPN Services Are Most Committed to Protecting Your Privacy?
Using a VPN entrusts your privacy into the hands of a single entity: your VPN provider. They alone know which websites you visit. It’s crucial that you choose one that you can trust.
What is their business model? If they’re not making money from the subscription fees they charge, they may be monetizing your web history.
Where are they located? They will often (but not always) be under the same data retention obligations as ISPs in that country.
What personal details do they collect about you? Do they allow you to pay for the service anonymously by using cash, gift cards, or cryptocurrency?
Does their privacy policy state that they won’t log your activity? How do you know that they don’t? Are they audited by third parties? If they’ve been taken to court, did they have any logs to share?
Let’s look at how some leading VPN providers protect your privacy.
1. ExpressVPN
When it comes to privacy, ExpressVPN is one of the most highly respected VPNs out there. Their most affordable plan is $99.95/year (equivalent to $8.32/month) and anonymous payments via bitcoin are possible.
They’re not as fast as some of their competitors, or as successful at streaming geo-protected content. But their servers use RAM-only servers, so once the power is turned off, no data is retained.
They’re located in the British Virgin Islands, where your data can legally be kept private, and their no logs policy has been tested in court.
As reported by Techspot, Turkish authorities failed to force them to provide customer data in one case. They rightly pointed out that they’re not subject to US and EU laws. When they couldn’t obtain information, they decided to seize hardware — an ExpressVPN server located in Turkey — but recovered no information because there were no logs.
2. Surfshark
Surfshark provides many of ExpressVPN’s privacy benefits as well as faster servers, reliable media streaming, and no limit on the number of devices you can connect. Their most affordable plan is $59.76 for two years (equivalent to $2.49/month). Anonymous cryptocurrency payments (CoinPayments, CoinGate) are supported.
Like ExpressVPN, they’re located in the privacy-friendly British Virgin Islands and use RAM-only servers. Their no logs policy has been independently audited, and the source code of their Chrome and Firefox extensions have been analyzed by Cure53, a German cybersecurity company. VPNInsights summarize the findings.
3. NordVPN
NordVPN is fast, secure, and easy to use. It has a good privacy policy and offers additional security features. Its most affordable plan is $89 for two years (equivalent to $3.71/month) and this can be paid for with cryptocurrency if you want to remain anonymous.
You can trust their no logs policy. They are located in Panama where there are no mandatory data retention laws, and they’re audited by PricewaterhouseCoopers AG in Switzerland, an independent company who verify they keep no logs.
4. Private Internet Access (PIA)
Private Internet Access is a company whose no logs policy has been verified in court. It’s a service with an easy-to-use app suited to non-technical users, and its most affordable plan costs $69.95 for two years with a bonus two months (equivalent to $2.69/month).
While the company is based in the Unites States, Techspot reports that their no logs policy has been tested and verified in two different court cases, one in 2016 and the other in 2018. They had no information to hand over to the court or FBI.
5. ProtonVPN
ProtonVPN is a company that places a strong focus on privacy. Their service costs $159 for two years for the Plus plan (equivalent to $6.63/month) and a limited free plan is also available. Payments can be made via bitcoin.
They company is based in Switzerland, which has strong privacy laws and remains outside of US and EU jurisdictions. Their apps are open-sourced and independently audited.
6. CyberGhost
CyberGhost is fast and affordable, and offers excellent security and privacy. Their most affordable plan is $99 for three years (equivalent to $2.75/month), and this can be paid using bitcoin.
They’re based in Romania and have a UK parent company. They have a strict no logs policy and also offer “NoSpy” servers for an additional fee. These are housed away from third parties in a special data center.
7. TorGuard
TorGuard allows you to choose the balance between speed and security with easily-accessible settings. Their most affordable plan is $139.99 for three years (equivalent to $3.89/month), which can be paid for anonymously with gift cards or cryptocurrency.
They’re based in Germany and claim to keep no logs at all, though their policy could be clearer. According to PCMag Australia, company representatives report that there are constant security audits and a bug bounty program, though none of the audits are publicly available.
8. PureVPN
PureVPN is a popular VPN service that was unfortunately found to be keeping records of which IP addresses clients access while claiming to have a no logs policy. The most affordable plan is $79.92 for two years (equivalent to $3.33/month), but there’s no way of paying this anonymously.
Restore Privacy reports that, in a court case, they were able to attain enough information from PureVPN to arrest a suspect on cyberstalking claims. They are obviously keeping some record of user activity, but they’re not the only VPN where “no logs” means some logs.
The company, which is based in Hong Kong, has since tried to clean up their game, and their no logs policy has been audited and verified by Altius IT.
9. Mullvad VPN
Mullvad VPN is a lesser-known VPN with a good reputation in privacy circles. They have a flat monthly rate of €5/month and one-time payments can be paid anonymously using cash, gift vouchers, or bitcoin. However, they have servers in fewer countries than most of their competitors.
They do have strong privacy policies and don’t ask for any personal information (not even an email address) when you set up an account. They’re based in Sweden where VPNs are not required to log their users’ activity, and they hire lawyers to keep abreast of changes in legislation that affect privacy. The only personal information they’re required to keep is your payment method.
Final Words
If you’re concerned about privacy, I hope I’ve convinced you to do something about it. Start protecting your online privacy today by signing up with a reputable VPN service. They cost as little as $3 per month when you pay in advance. You can’t afford not to use one!
Privacy is just one benefit. I cover more in The Best VPNs for Developers and also explore each VPN provider in more detail. Check it out so you can make a more informed decision.
Related Articles10 Top WordPress Ecommerce Themes for 2021WebBy