mirror of
https://gitea.smigz.com/smiggiddy/odin-codeprojects.git
synced 2024-12-27 06:40:42 -05:00
1 line
13 KiB
JavaScript
1 line
13 KiB
JavaScript
|
(()=>{"use strict";var e={426:(e,t,n)=>{n.d(t,{Z:()=>s});var r=n(81),o=n.n(r),i=n(645),a=n.n(i)()(o());a.push([e.id,":root {\n --dark-color: hsla(146, 14%, 10%, 0.897);\n --lgiht-color: hsla(160, 6%, 90%, 0.89);\n --light-color: hsl(0 0% 90%);\n --interface-color: rgba(235, 236, 236, 0.726);\n --font-size: 18px;\n\n --report-box-shadow: 0px 1px 1px hsl(0deg 0% 0% / 0.075),\n 0px 2px 2px hsl(0deg 0% 0% / 0.075), 0px 4px 4px hsl(0deg 0% 0% / 0.075),\n 0px 8px 8px hsl(0deg 0% 0% / 0.075),\n 0px 16px 16px hsl(0deg 0% 0% / 0.075),\n 0px 32px 32px hsl(0deg 0% 0% / 0.075);\n\n --title-box-shadow: 0px 2px 2px hsl(0deg 0% 0% / 0.1),\n 0px 4px 4px hsl(0deg 0% 0% / 0.1), 0px 8px 8px hsl(0deg 0% 0% / 0.1);\n}\n\nhtml,\nbody {\n padding: 0;\n margin: 0;\n font-size: var(--font-size);\n font-family: 'Inter', sans-serif;\n font-optical-sizing: auto;\n font-weight: 400;\n font-style: normal;\n font-variation-settings: 'slnt' 0;\n background-color: var(--interface-color);\n height: 100vh;\n}\n\nbutton {\n border-radius: 0.2rem;\n}\n\n.title {\n font-size: 3rem;\n font-weight: 800;\n text-align: center;\n margin: 0;\n background-color: var(--dark-color);\n color: hsl(146, 30%, 90%);\n font-family: 'Indie Flower', cursive;\n box-shadow: var(--title-box-shadow);\n}\n\n.form {\n display: flex;\n gap: 10px;\n padding: 20px;\n margin: 20px 0;\n}\n\n.form-input {\n display: flex;\n flex-direction: column;\n margin: auto;\n align-items: center;\n}\n\n.form button {\n align-self: baseline;\n flex: 1;\n height: 42px;\n}\n\n.form-input input {\n padding: 10px;\n font-size: 1rem;\n margin-bottom: 5px;\n color: var(--dark-color);\n border: 1px;\n box-shadow:\n inset 0 2px 2px hsla(0, 0%, 0%, 0.2),\n 0 2px 0 hsla(0, 0%, 100%, 0.15);\n}\n\n.form-input input:focus {\n outline: none;\n}\n\n.form-input span {\n color: hsla(0, 79%, 54%, 0.829);\n margin-left: 5px;\n}\n\n.form-input span {\n font-size: 0.8rem;\n}\n\n.btn {\n font-size: 0.8rem;\n padding: 10px;\n background-color: hsl(61.8, 85%, 66.7%);\n box-shadow:\n inset 0 1px 0 var(--light-color),\n 0 1px 3px hsla(0, 0%, 0%, 0.2);\n}\n\n.btn:hover {\n background-color: hsl(62.1, 85%, 78.6%);\n}\n\n.weather-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.report-container {\n display: none;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n justify-items: center;\n align-items: center;\n padding: 50px;\n box-shadow: var(--report-box-shadow);\n border-radius: 1rem;\n background-color: var(--light-color);\n}\n\n.show-report {\n display: grid;\n}\n\n.city {\n grid-column: 1 / span 3;\n}\n\n.temp {\n grid-column: 1 / span 1;\n grid-row: 2 / span 1;\n font-size: 4rem;\n font-weight: 900;\n}\n\n.icon-img {\n grid-column: 2 / span 2;\n grid-row: 2;\n}\n\n/* .conditions { */\n/* grid-column: 3 / span 1; */\n/* grid-row: 2 / span 1; */\n/* } */\n.conditions-desc {\n grid-column: 2 / span 2;\n grid-row: 3 / span 1;\n color: hsl(0 0% 30%);\n align-self: start;\n}\n\n.temp-details-container {\n grid-row: 3 / span 1;\n display: flex;\n flex-direction: column;\n gap: 7px;\n color: hsl(0 0% 30%);\n}\n",""]);const s=a},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var s=0;s<this.length;s++){var p=this[s][0];null!=p&&(a[p]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&a[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=
|