[{"data":1,"prerenderedAt":219},["ShallowReactive",2],{"project-11749126":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":43,"post_text":45,"what":46,"said":57,"maker_in_thread":116,"shape":118,"grid":122,"attempts":182,"same_week":183,"maker_shows":120,"maker_hidden":211,"reader_version":212,"card":213},"11749126","Family.scss","a set of 20 smart SASS mixins","title","Show HN: Family.scss – a set of 20 smart SASS mixins","http:\u002F\u002Flukyvj.github.io\u002Ffamily.scss\u002F","lukyvj.github.io","redox_",1463933680,2016,88,21,432,2264,20,"notable","dev_tools","css preprocessor mixins","library",[24,25,26,27,28],"sass","scss","nth-child","css mixins","css selectors","curious",-0.139,{"positive":32,"neutral":33,"mixed":34,"critical":34},2,11,3,19,{"execution":37,"idea":40,"docs":41,"performance":42},{"positive":38,"critical":39},0,1,{"positive":38,"critical":39},{"positive":32,"critical":38},{"positive":38,"critical":39},[34,34,34,34,34,34,38,39,34,34,34,34,39,34,39,34,34,34,44,44,38],5,null,{"problem":45,"audience":45,"pricing":45,"motivation":45,"time_to_build":45,"stack":47,"openness":54,"stage":55,"team_size":56},[48],{"value":49,"source":50,"evidence":51},"SASS\u002FSCSS","maker",[52],{"id":53},"post","open_source","launched","unknown",{"praise":58,"objections":71,"requests":90,"questions":109,"alternatives":110},[59],{"value":60,"source":61,"evidence":62},"Useful utility with nice docs","commenter",[63,67],{"id":64,"by":65,"text":66},"11749365","hobonumber1","Nice work! Great docs.",{"id":68,"by":69,"text":70},"11749354","Illniyar","Looks nice, but I've never had the need for anything other then first\u002Flast and even\u002Fodd myself.",[72,79],{"value":73,"source":61,"evidence":74},"Generated CSS is not compact compared to grouped selectors",[75],{"id":76,"by":77,"text":78},"11749521","tobr","Looks like a great utility, but the output css isn't very compact. For example, ``` ul li:nth-child(1) { background: red } ul li:nth-child(2) { background: red } ul…",{"value":80,"source":61,"evidence":81},"Plain CSS classes can do the same with less bloat",[82,86],{"id":83,"by":84,"text":85},"11749493","supernintendo","Hey, great work. I don't have a personal use for this but for designers building a lot of static sites, it could be nice. I will say that you can achieve the same effect using…",{"id":87,"by":88,"text":89},"11750708","pedalpete","I'm not sure who\u002Fwhy somebody would use this library when it is fairly easy to write these selectors using just CSS (for most use cases anyway).",[91,95,102],{"value":92,"source":61,"evidence":93},"Make the file easier to download",[94],{"id":76,"by":77,"text":78},{"value":96,"source":61,"evidence":97},"Fix the color\u002Fbackground mismatch in the first example",[98],{"id":99,"by":100,"text":101},"11750787","wes-k","Nice library! Note: there's a small bug in the first example. Css output sets 'color' while the scss used 'background'.",{"value":103,"source":61,"evidence":104},"Reduce resource use on mobile browsers",[105],{"id":106,"by":107,"text":108},"11750337","angry-hacker","The website is somehow able to hang and crash my Chrome browser on Android. Just thought I'll let you know.",[],[111],{"value":112,"source":61,"evidence":113},"Plain CSS nth-child selectors or classes",[114,115],{"id":87,"by":88,"text":89},{"id":83,"by":84,"text":85},{"comments":38,"answered":38,"key":117},[],{"commenters":119,"max_depth":120,"maker_replies":38,"first_comment_mins":121,"lifespan_hours":18},13,4,58,[123,125,129,132,136,139,141,145,147,150,154,156,158,160,162,164,167,169,171,174,177],[76,38,34,124,77,38],"project\u002Fmixed\u002Fexecution",[126,38,34,127,128,38],"11749635","maker\u002Fneutral\u002Fexecution","robinson7d",[130,38,34,127,131,38],"11749743","lukyvj",[133,38,34,134,135,38],"11749783","project\u002Fneutral\u002Fexecution","JelteF",[137,38,34,138,131,38],"11749928","maker\u002Fneutral\u002Fnone",[140,38,34,138,135,38],"11750008",[142,38,38,143,144,38],"11750347","commenter\u002Fneutral\u002Fperformance","twolfson",[87,39,39,146,88,38],"project\u002Fcritical\u002Fidea",[148,39,34,149,131,38],"11752468","maker\u002Fneutral\u002Fidea",[151,32,34,152,153,38],"11750336","project\u002Fneutral\u002Fdocs","atriix",[83,34,34,155,84,38],"project\u002Fmixed\u002Fidea",[157,34,34,149,131,38],"11749773",[99,120,39,159,100,38],"project\u002Fcritical\u002Fexecution",[161,120,34,127,131,38],"11753225",[106,44,39,163,107,38],"project\u002Fcritical\u002Fperformance",[165,44,34,166,131,38],"11753227","maker\u002Fneutral\u002Fperformance",[68,168,34,155,69,38],6,[170,168,34,149,131,38],"11749759",[64,172,44,173,65,38],7,"project\u002Fpositive\u002Fdocs",[175,172,44,176,131,38],"11749774","maker\u002Fpositive\u002Fdocs",[178,179,38,180,181,38],"11749803",8,"other\u002Fneutral\u002Fnone","restlessdesign",[],[184,189,193,198,203,207],{"id":185,"name":186,"points":187,"category":188},"11762169","WhatMoji.com",143,"languages",{"id":190,"name":191,"points":192,"category":20},"11744221","Texttop",114,{"id":194,"name":195,"points":196,"category":197},"11754225","Illustrio",112,"creative",{"id":199,"name":200,"points":201,"category":202},"11755755","job-hunter",109,"productivity",{"id":204,"name":205,"points":206,"category":20},"11752227","Wsta",85,{"id":208,"name":209,"points":210,"category":202},"11754099","HN-Saved-Links-Export",82,false,"v2",{"id":214,"name":5,"line":6,"ai":211,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":215,"top":18,"kw":216,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":217,"url":9,"mix":218,"praise":60,"objection":73,"sub":21},11749126,-0.14,[24,25,26,27,28],"333333013333131333550",[32,33,34,34],1794036544519]