[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"\u002Farticles\u002Fgreat-css-ui-tip":3},{"id":4,"title":5,"body":6,"date":68,"description":69,"extension":70,"head":71,"imageUrl":56,"meta":72,"navigation":73,"ogImage":71,"path":74,"robots":71,"schemaOrg":71,"seo":75,"sitemap":76,"stem":77,"__hash__":78},"articles\u002Farticles\u002F20.Great-css-ui-tip.md","Great CSS\u002FUI Tip",{"type":7,"value":8,"toc":65},"minimark",[9,13,25,38,41,50,53,62],[10,11,5],"h1",{"id":12},"great-cssui-tip",[14,15,16,17,24],"p",{},"Just saw this tip from ",[18,19,23],"a",{"href":20,"rel":21},"https:\u002F\u002Fx.com\u002Fpqoqubbw\u002Fstatus\u002F2011874675547091399",[22],"nofollow","Dmytro",".",[26,27,31],"v-image",{":hasBorder":28,":rounded":28,"alt":29,"src":30},"true","Original CSS\u002FUI tip screenshot","\u002Fimg\u002Fgreat-css-ui-tip\u002Foriginal-tip.jpg",[32,33,35],"template",{"v-slot:description":34},"",[14,36,37],{},"Original idea from Dmytro's post",[14,39,40],{},"I really liked this. Here is what it looks like without the tweak:",[26,42,45],{":hasBorder":28,":rounded":28,"alt":43,"src":44},"Before state","\u002Fimg\u002Fgreat-css-ui-tip\u002Fbefore.png",[32,46,47],{"v-slot:description":34},[14,48,49],{},"Before applying the style tweak",[14,51,52],{},"And here is how it looks with it:",[26,54,57],{":hasBorder":28,":rounded":28,"alt":55,"src":56},"After state","\u002Fimg\u002Fgreat-css-ui-tip\u002Fafter.png",[32,58,59],{"v-slot:description":34},[14,60,61],{},"After applying the style tweak",[14,63,64],{},"Much cleaner.",{"title":34,"searchDepth":66,"depth":66,"links":67},2,[],"2026-01-14T10:00:00+04:00","A small CSS\u002FUI enhancement that makes text highlights cleaner and more intentional, with before\u002Fafter comparison.\n","md",null,{},true,"\u002Farticles\u002Fgreat-css-ui-tip",{"title":5,"description":69},{"loc":74},"articles\u002F20.Great-css-ui-tip","y1v-AQsfTs0Hada0loFTawp0PCVlGagHyr-nt7vDfkI"]