godot-website/pages/showcase/showcase.css.map

{"version":3,"sourceRoot":"","sources":["showcase.scss"],"names":[],"mappings":"AAAA,MACC,aACA,gCACA,oCACA,SACA,mBACA,yBAND,MAOE,0BACA,uCAGD,eACC,kBACA,uBACC,aAGD,gCACC,aAGF,YACC,gBAED,sBACC,mBAEA,wBACA,gBACA,SACA,aACA,yBAPD,sBAQE,+BAED,4BACC,kBAKH,GACC,gBAGD,gBACC,4DACA,mBACC,eACA,kBAGD,4BACC,mBACA,sBACA,2BACA,kBACA,mDACA,kBACA,kBACA,aACA,qBACA,+BACC,2BAKH,sBACC,uCAEA,wDAEC,YACA,2BAEA,sFACC,oDAIF,4BACC,uCACA,mBAIF,eACC,wCACA,aACA,sBACA,8CACA,mDACA,SACA,aACA,kBAEA,0BACC,WACA,cACA,mBACA,kBACA,8CACA,gFACA,gCAGD,wBACC,aACA,SACA,8BAGD,4BACC,aACA,sBACA,QAGD,kDAEC,eACA,6BAGD,2BACC,iBAGD,sBACC,aACA,mBACA,mBACA,yBACA,QAEA,mCAPD,sBAQE,qBAGD,0BACC,WACA,WACA","sourcesContent":[".main {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 200px;\n\tgrid-template-areas: \"content aside\";\n\tgap: 20px;\n\tmargin-bottom: 60px;\n\t@media (max-width: 800px) {\n\t\tgrid-template-columns: 1fr;\n\t\tgrid-template-areas: \"aside\"\n\t\t\"content\";\n\t}\n\t.content {\n\t\tgrid-area: content;\n\t\t.hidden {\n\t\t\tdisplay: none;\n\t\t}\n\t\t// select first instance of h2 title and remove the margin top\n\t\th2:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\taside {\n\t\tgrid-area: aside;\n\t}\n\t.filter-options {\n\t\tmargin-bottom: 20px;\n\t\t// sticky\n\t\tposition: -webkit-sticky;\n\t\tposition: sticky;\n\t\ttop: 10px;\n\t\tdisplay: grid;\n\t\t@media (max-width: 800px) {\n\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t}\n\t\tlabel {\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n}\n\nh1 {\n\tmargin-top: 20px;\n}\n\n.showcase-cards {\n\tgrid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n\th3 {\n\t\tfont-size: 33px;\n\t\tmargin-bottom: 0px;\n\t}\n\n\t.no-capsule {\n\t\taspect-ratio: 92 / 43;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tborder-radius: 6px;\n\t\tbox-shadow: 0 5px 10px -3px #00000078;\n\t\tmargin-bottom: 7px;\n\t\ttext-align: center;\n\t\tdisplay: grid;\n\t\talign-content: center;\n\t\th3 {\n\t\t\ttext-shadow: 0 4px 5px black;\n\t\t}\n\t}\n}\n\na:has(.showcase-card) {\n\ttransition: transform 100ms ease-in-out;\n\n\t&:focus,\n\t&:hover {\n\t\tfilter: none;\n\t\ttransform: translateY(-4px);\n\n\t\t.showcase-card {\n\t\t\tbox-shadow: 0 10px 18px -3px #00000078;\n\t\t}\n\t}\n\n\t&:focus {\n\t\toutline: 2px solid var(--primary-color);\n\t\toutline-offset: 4px;\n\t}\n}\n\n.showcase-card {\n\ttransition: box-shadow 100ms ease-in-out;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground-color: var(--card-background-color);\n\tbox-shadow: 0 5px 10px -3px #00000078;\n\tgap: 10px;\n\tpadding: 10px;\n\tborder-radius: 8px;\n\n\t.thumbnail {\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t\taspect-ratio: 79 / 37;\n\t\tborder-radius: 4px;\n\t\tbackground-color: var(--card-background-color);\n\t\tbackground: linear-gradient(168deg, rgb(157, 157, 157) 0%, rgb(83, 83, 83) 100%);\n\t\tborder: 1px solid rgba(0, 0, 0, 0.6);\n\t}\n\n\t.caption {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t\tjustify-content: space-between;\n\t}\n\n\t.attribution {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 2px;\n\t}\n\n\t.author,\n\t.card-title {\n\t\tfont-size: 14px;\n\t\tcolor: var(--base-color-text);\n\t}\n\n\t.card-title {\n\t\tfont-weight: bold;\n\t}\n\n\t.icons {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: 8px;\n\n\t\t@media (prefers-color-scheme: dark) {\n\t\t\tfilter: invert(100%);\n\t\t}\n\n\t\timg {\n\t\t\topacity: 0.8;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t}\n\t}\n}\n"],"file":"showcase.css"}