1 line
4.2 KiB
Plaintext
1 line
4.2 KiB
Plaintext
{"version":3,"file":"static/css/main.59af72cc.css","mappings":"AAEA,iBAGI,qBACJ,CAEA,WACI,sBAAuB,CACvB,mEACJ,CAEA,KACI,cACJ,CAEA,YAGI,kBAAyB,CAC7B,kDAAkF,CAE9E,kBAAmB,CAJnB,WAAW,CAGX,YAAa,CAJb,WAMJ,CAEA,oBAaI,aAAQ,CAZR,YAAa,CAYb,QAAQ,CATR,6QAQI,CAVJ,mCAAoC,CACpC,0CAWJ,CAGA,2BAEI,iBAAkB,CAClB,6BAAiC,CAFjC,gBAIJ,CAEA,8BAGI,aAAgB,CAFhB,cAAe,CACf,iBAAkB,CAGlB,UACJ,CAEA,mBAGI,cAAe,CAYf,kDAAkF,CAGlF,mBAAqB,CAErB,iCAAoC,CAdpC,YAAa,CAUb,2BAA+B,CAC/B,cAAe,CAhBf,iBAAkB,CAOlB,8CAIA,CALA,8BAA+B,CAH/B,WAAW,CAFX,gBAAiB,CAiBjB,aAAc,CAdd,UAgBJ,CAEA,KACI,6BAAuB,CAAvB,qBACJ,CACA,OACI,sBACJ,CAEA,qBACI,aAAa,CAEb,UAAY,CADZ,gBAEJ,CAEA,SACI,sBAAuB,CACvB,cAAe,CACf,cAGJ,CAEA,iBAJI,iBAQJ,CAJA,QACI,gBAGJ,CAEA,UAEI,iBAAkB,CADlB,kBAGJ,CAMA,SAKI,cAAW,CAHX,YAAa,CAGb,SAAW,CAJX,iBAAkB,CAElB,mCAAoC,CACpC,gCAEJ,CAEA,cAII,cAAW,CAFX,YAAa,CAEb,SAAW,CAHX,mBAAoB,CAEpB,oCAEJ,CAEA,cAII,cAAW,CAFX,YAAa,CAEb,SAAW,CAHX,mBAAoB,CAEpB,mCAEJ,CAIA,OACI,sEAAsF,CACtF,8BAA+B,CAI/B,oBAAqB,CAFrB,cAAe,CACf,kBAEJ,CAEA,gBACI,wBAEJ,CAEA,qBACI,eACJ,CAEA,qBACI,aACJ,CAEA,KACI,wBACJ,CAEA,IACI,wBACJ,CAEA,OACI,wBACJ","sources":["App.css"],"sourcesContent":["\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n@font-face {\n font-family: calculator;\n src: url(\"DS-DIGIB.TTF\");\n}\n\nhtml{\n font-size: 16px;\n}\n\n#calculator{\n width:550px;\n margin:auto;\n background: rgb(68,64,64);\nbackground: linear-gradient(351deg, rgba(68,64,64,1) 0%, rgba(156,150,150,1) 100%);\n padding: 1rem;\n border-radius: 2rem;\n}\n\n#calculator-content{\n display: grid;\n grid-template-columns: repeat(4,1fr);\n grid-template-rows: 1fr 1.6fr repeat(5,1fr);\n grid-template-areas: \n \"header header header header\"\n \"display display display display\"\n \"functions functions functions operators\"\n \"numbers numbers numbers operators\"\n \"numbers numbers numbers operators\"\n \"numbers numbers numbers operators\"\n \"numbers numbers numbers operators\"\n ;\n gap:1rem;\n}\n\n\n#calculator-content > header{\n grid-area: header;\n align-self: center;\n font-family: 'Roboto', sans-serif;\n \n}\n\n#calculator-content > header > h1{\n font-size: 3rem;\n margin:0.5rem auto;\n color: aliceblue;\n\n opacity: 0.8;\n}\n\n#display-container{\n grid-area: display;\n justify-self: end;\n align-self: end;\n height:9rem;\n width:100%;\n display: grid;\n grid-template-rows: 1fr 6fr 1fr;\n grid-template-areas:\n \"memory\"\n \"main\"\n \"operator\"\n ;\n\n\n background: linear-gradient(351deg, rgba(15,93,53,1) 0%, rgba(194,228,185,1) 100%);\n font-family: 'VT323', monospace; \n font-size: 1rem;\n border-radius: 0.5rem;\n padding:0.5rem;\n box-shadow: 0.5rem 0.5rem 2rem inset;\n}\n\n.off{\n filter: brightness(0.5);\n}\n.off > p{\n display: none !important;\n}\n\n#display-container > p {\n margin:auto 0;\n text-align: right;\n opacity: 0.8;\n}\n\n#display{\n font-family: calculator;\n font-size: 6rem;\n grid-area: main;\n align-self: center;\n\n}\n\n#memory{\n grid-area: memory;\n align-self: center;\n \n}\n\n#operator{\n grid-area: operator;\n align-self: center;\n \n}\n\n\n\n\n\n.num-pad{\n grid-area: numbers;\n display: grid;\n grid-template-columns: repeat(3,1fr);\n grid-template-rows: repeat(4,1fr);\n gap: 0.2rem;\n}\n\n.operator-pad{\n grid-area: operators;\n display: grid;\n grid-template-rows: repeat(3,1fr) 2fr;\n gap: 0.2rem;\n}\n\n.function-pad{\n grid-area: functions;\n display: grid;\n grid-template-columns: repeat(3,1fr);\n gap: 0.2rem;\n}\n\n\n\nbutton{\n background: linear-gradient(351deg, rgba(92,92,92,0.9) 0%, rgba(224,224,224,0.9) 100%);\n background-blend-mode: multiply;\n \n font-size: 3rem;\n place-self: stretch;\n border-radius: 1.5rem;\n}\n\n.num-pad > button{\n background-color: lightblue;\n\n}\n\n.operator-pad > button{\n font-size: 3.5em;\n}\n\n.function-pad > button{\n font-size: 2em;\n}\n\n#off{\n background-color: #FF9B9B;\n}\n\n#on{\n background-color: #CBFFA9;\n}\n\n#clear{\n background-color: #FFD6A5;\n}"],"names":[],"sourceRoot":""} |