UNPKG

@geira/iconfont

Version:
1 lines 5.82 kB
{"version":3,"file":"styles.min.css","mappings":"AAAA,UACE,UACA,cACA,WAGF,WACE,gBACA,MAGF,+CACE,gBACA,OAGF,YACE,sBACA,gBACA,aAGF,kBACE,cACA,IAGF,kBACE,cACA,IAGF,aACE,GAGF,oBACE,cACA,QAGF,SACE,yBACA,kCACA,eACA,WACA,kBACA,UACA,aACA,qBACA,mBACA,mCACA,WAGF,eACE,cACA,kBACA,UAGF,aACE,cAGF,oBACE,iBACA,yBACA,cACA,iBAGF,kBACE,oBAGF,cACE,gBAGF,aACE,qBACA,aACA,mBACA,wBAGF,aACE,uBAGF,aACE,eACA,WAGF,gBACE,YAGF,WACE,SAGF,YACE,iBACA,mBACA,qBACA,mBACA,gBAGF,eACE,UACA,kBACA,eACA,mBACA,yBACA,SAGF,iBACE,GAGF,kBACE,eACA,gBACA,QAGF,wBACE,mBACA,gBAGF,aACE,aACA,yBACA,aACA,mBACA,aAGF,YACE,kBACA,MAGF,YACE,mBACA,oBACA,oBAGF,WACE,eACA,cAIF,cACE,QAGF,WACE,gBACA,eACA,WACA,mBACA,sBACA,aACA,qBACA,OAGF,YACE,sBACA,cACA,aACA,gBACA,WAGF,WACE,gBACA,eACA,WACA,qBACA,mBACA,sBACA,sBACA,aACA,yBACA,mBACA,qBACA,SAGF,aACE,YAGF,YACE,eACA,iBACA,cACA,WAGF,cACE,cACA,WAGF,YACE,WAGF,aACE,eACA,sBACA,gBACA,gBACA,kBACA,UAGF,cACE,cACA,QAGF,wBACE,aACA,kBACA,gBACA,UAGF,QACE,eACA,cACA,oCAGF,MACE,cACE,gBACA,qCAIJ,MACE,YACE,cACA,oCAIJ,MACE,cACE,gBACA,QAGF,gBACE,WACA,SAGF,eACE,WAGF,eACE,oCAIJ,MACE,YACE,cACA,E","sources":["webpack://@geira/iconfont/./src/scss/styles.scss"],"sourcesContent":["* {\n margin : 0;\n padding : 0;\n color : #263238;\n}\n\nhtml, body {\n height : 100%;\n min-width: 320px;\n}\n\nbody {\n font-family : \"Trebuchet MS\", Helvetica, sans-serif;\n font-size : 1.2em;\n}\n\n.main {\n display : flex;\n flex-direction : column;\n min-height : 100%;\n}\n\nh2, h3, h4, h5 {\n margin-bottom : 15px;\n color : #546e7a;\n}\n\nh2 {\n font-weight : normal;\n color : #ff8a65;\n}\n\nh5 {\n color : #ff8a65;\n}\n\na {\n text-decoration : none;\n color : #00acc1;\n}\n\nheader {\n padding : 0;\n background-color : #fbe9e7;\n box-shadow : 0 0 8px rgba(0, 0, 0, .3);\n position : fixed;\n width : 100%;\n text-align : center;\n z-index : 2;\n display : flex;\n align-content : center;\n align-items : center;\n place-content : center space-between;\n}\n\nheader h1 {\n font-size : 1.5em;\n color : #e64a19;\n padding : 20px 20px;\n}\n\nheader a {\n color : #00838f;\n}\n\nheader ul li {\n display : inline-block;\n padding : 8px 20px;\n text-transform : uppercase;\n font-size : 1em;\n}\n\nheader ul.logos {\n padding-right : 10px;\n}\n\nheader ul.logos li {\n padding : 0 10px;\n}\n\nheader ul li a {\n color : #00838f;\n text-decoration : none;\n display : flex;\n align-items : center;\n}\n\nheader ul.logos li a i {\n color : #00838f;\n}\n\nheader ul li.active a {\n color : #ff8a65;\n cursor : default;\n}\n\n.title-h2 {\n margin-top: 110px;\n}\n\n.container {\n flex-grow : 1;\n}\n\n.search {\n display : flex;\n margin-top : 110px;\n align-items : center;\n place-content : center;\n margin-bottom : 20px;\n}\n\n.search #match {\n max-width : 400px;\n width : 90%;\n padding : 15px 20px;\n font-size : 18px;\n border-radius : 10px;\n border : 1px solid #cfd8dc;\n}\n\n.center {\n text-align : center;\n}\n\np {\n margin-bottom : 10px;\n font-size : .8em;\n line-height : 1.3;\n}\n\n.block {\n background-color : #eceff1;\n margin-bottom : 30px;\n}\n\n.icons-preview {\n line-height : 0;\n padding : 10px;\n background-color : #fbe9e7;\n display : flex;\n align-items : center;\n}\n\n.icons-code {\n padding : 20px;\n text-align : center;\n}\n\n.row {\n display : flex;\n flex-direction : row;\n align-items : stretch;\n}\n\n.some-class:before {\n content : \"\\E0BA\";\n font-size : 48px;\n\n}\n\n.geira-icons {\n font-size : 48px;\n}\n\n#icons {\n height : 100%;\n min-height : 100%;\n min-width : 100%;\n width : 100%;\n flex-flow : row wrap;\n box-sizing : border-box;\n display : flex;\n place-content : center;\n}\n\n.icon {\n flex : 1 1 10%;\n box-sizing : border-box;\n max-width : 10%;\n padding : 10px;\n list-style : none;\n}\n\n.icon > div {\n height : 100%;\n min-height : 100%;\n min-width : 100%;\n width : 100%;\n place-content : center;\n align-items : center;\n flex-direction : column;\n box-sizing : border-box;\n display : flex;\n border : 1px solid #eceff1;\n border-radius : 10px;\n padding : 10px 5px 5px;\n}\n\n.icon i {\n color : #d84315;\n}\n\n.icon span {\n margin : 5px 0;\n font-size : .6em;\n font-weight : bold;\n color : #b0bec5;\n}\n\nspan.name {\n font-size : .8em;\n color : #455a64;\n}\n\nspan.tags {\n display : none;\n}\n\n#quantity {\n color : #90a4ae;\n font-size : .8em;\n background-color : #ffffff;\n padding : 2px 5px;\n margin-left : 4px;\n border-radius : 5px;\n}\n\n#version {\n font-size : .4em;\n color : #546e7a;\n}\n\nfooter {\n background-color : #fbe9e7;\n padding : 15px;\n text-align : center;\n margin-top : 40px;\n}\n\nfooter p {\n margin : 0;\n font-size : .6em;\n color : #607d8b;\n}\n\n@media all and (max-width: 1400px) {\n .icon {\n flex : 1 1 16.6%;\n max-width : 16.6%;\n }\n}\n\n@media all and (max-width: 1100px) {\n .icon {\n flex : 1 1 25%;\n max-width : 25%;\n }\n}\n\n@media all and (max-width: 876px) {\n .icon {\n flex : 1 1 33.3%;\n max-width : 33.3%;\n }\n\n header {\n position : inherit;\n width : 100%;\n }\n\n .search {\n margin-top: 30px;\n }\n\n .title-h2 {\n margin-top: 30px;\n }\n}\n\n@media all and (max-width: 600px) {\n .icon {\n flex : 1 1 50%;\n max-width : 50%;\n }\n}\n"],"names":[],"sourceRoot":""}