filesafe/dist/css/home.css.map

1 line
9.9 KiB
Plaintext

{"version":3,"sources":["css/home.scss","css/home.css","../node_modules/bulma/sass/utilities/initial-variables.sass"],"names":[],"mappings":"AAMA,GACE,WAAA,CACA,YAAA,CACA,kBAAA,CACA,oBAAA,CACA,kBAAA,CACA,kBAAA,CACA,mCAAA,CAAA,2BCFF,CDKA,MACE,gBCFF,CDIE,YACE,YCFJ,CDMA,YACE,mBCHF,CDMA,uBAEE,YCHF,CDMA,SACE,cCHF,CDOE,wBACE,YCJJ,CDMI,sEAEE,MCJN,CDQE,wEAGE,YCNJ,CDUA,SACE,YAAA,CACA,qBCPF,CDSE,qBACE,6BCPJ,CDUE,aACE,mCAAA,CAAA,2BAAA,CACA,uBCRJ,CDUI,yBACE,iBCRN,CDWI,oCACE,aCTN,CDYI,8BACE,aCVN,CDcE,yBACE,aCZJ,CDeE,cACE,eCbJ,CDgBE,+BACE,aCdJ,CDiBE,aACE,eCfJ,CDmBA,MACE,cAAA,CACA,aCfF,CDmBA,cAHE,oBCZF,CDmBA,kBACE,cChBF,CDmBA,UACE,mCAAA,CAAA,2BChBF,CDkBE,mBACE,kBChBJ,CDoBA,aACE,kBAAA,CACA,mBAAA,CACA,oBAAA,CACA,mCAAA,CAAA,2BCjBF,CDmBE,qBACE,cCjBJ,CDoBE,kBACE,eAAA,CACA,aClBJ,CDsBA,cACE,oBAAA,CACA,oBCnBF,CDsBA,eACE,+BCnBF,CDsBA,MACE,kBClBF,CDqBE,yBAFA,mCAAA,CAAA,2BCfF,CDiBE,mBACE,qBClBJ,CDuBA,6BACE,oBCpBF,CDuBA,YACE,eCpBF,CDuBA,8BACE,UCpBF,CDyBA,QACE,cAAA,CACA,OAAA,CACA,QAAA,CACA,cAAA,CACA,aEjKc,CFkKd,cAAA,CACA,0EAAA,CAAA,kECrBF,CDuBE,eACE,2BAAA,CACA,4BAAA,CACA,QAAA,CACA,WAAA,CACA,uBCrBJ,CDuBI,qBACE,SCrBN,CD4BA,UACE,iBAAA,CACA,KAAA,CACA,OAAA,CACA,MAAA,CACA,uBCxBF,CD0BE,6BACE,0EAAA,CAAA,kECxBJ,CD2BE,wBACE,aAAA,CACA,sCAAA,CACA,sBCzBJ,CD2BI,gCACE,UCzBN,CD4BI,iCACE,gBC1BN,CDkCE,0DACE,eC7BJ","file":"home.css","sourcesContent":["@charset \"utf-8\";\n\n@import \"_variables\";\n\n/** Main **/\n\n#b {\n width: 200px;\n height: 200px;\n border-radius: 100%;\n display: inline-block;\n margin-bottom: 40px;\n vertical-align: top;\n animation: fadeInOpacity 0.5s\n}\n\n.logo {\n max-height: 200px;\n\n &.is-2x {\n display: none\n }\n}\n\n#dropzone * {\n pointer-events: none\n}\n\n#tokenContainer,\n#panel {\n display: none\n}\n\n#maxSize {\n font-size: 1rem\n}\n\n.dz-preview {\n .dz-details {\n display: flex;\n\n .dz-size,\n .dz-filename {\n flex: 1\n }\n }\n\n img,\n .dz-success-mark,\n .dz-error-mark {\n display: none\n }\n}\n\n.uploads {\n display: flex;\n flex-direction: column;\n\n &.is-reversed {\n flex-direction: column-reverse\n }\n\n > div {\n animation: fadeInOpacity 0.5s;\n margin: 0.75rem !important;\n\n &:first-child {\n margin-top: 1.5rem\n }\n\n > .icon:not(.icon-block) {\n color: $blue\n }\n\n > .icon.icon-block {\n color: $danger\n }\n }\n\n &.is-reversed > div {\n flex: 0 0 auto\n }\n\n &.nojs {\n margin-bottom: 0\n }\n\n .descriptive-progress {\n color: $grey-lightest\n }\n\n img {\n max-width: 200px\n }\n}\n\n.name {\n font-size: 1rem;\n color: $white-ter;\n word-break: break-all\n}\n\n.link > a {\n word-break: break-all\n}\n\n.clipboard-mobile {\n margin-top: 5px\n}\n\n#albumDiv {\n animation: fadeInOpacity 0.5s;\n\n .control {\n text-align: inherit\n }\n}\n\n#linksColumn {\n margin-top: -0.25rem;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n animation: fadeInOpacity 0.5s;\n\n .column {\n padding: 0.25rem\n }\n\n > span {\n padding: 0 0.3rem;\n color: $grey-light\n }\n}\n\n.git-commit a {\n display: inline-block;\n word-break: break-all\n}\n\n.hero .tabs ul {\n border-bottom: 1px solid $tabs-boxed-link-active-border-color\n}\n\n#tabs {\n margin-bottom: 1rem;\n animation: fadeInOpacity 0.5s;\n\n .tab-content {\n margin-bottom: -0.75rem;\n animation: fadeInOpacity 0.5s\n }\n}\n\n#tab-config.tab-content form {\n margin-bottom: 0.75rem\n}\n\n#urlMaxSize {\n font-weight: bold\n}\n\ninput[type=\"file\"].is-fullwidth {\n width: 100%\n}\n\n/** Render **/\n\n.render {\n position: fixed;\n right: 0;\n bottom: 0;\n font-size: 1rem;\n color: $grey-lightest;\n cursor: pointer;\n animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both;\n\n &.button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n right: 1%;\n opacity: 0.25;\n transition: opacity 0.25s;\n\n &:hover {\n opacity: 1\n }\n }\n}\n\n/** Newsfeed **/\n\n#newsfeed {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 1.5rem 1.5rem 0 1.5rem;\n\n .column:last-child {\n animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both\n }\n\n .notification {\n display: block;\n padding: 0.75rem 2.25rem 0.75rem 1.125rem;\n margin-bottom: 1.125rem;\n\n > .delete {\n top: 0.75rem\n }\n\n .content {\n font-size: 0.75rem\n }\n }\n\n .news-title {\n font-weight: bold\n }\n\n .news-date.is-recent-week {\n font-weight: bold\n }\n}\n","/* stylelint-disable-next-line value-keyword-case */\n/** Bulma: Variables **/\n/** Main **/\n#b {\n width: 200px;\n height: 200px;\n border-radius: 100%;\n display: inline-block;\n margin-bottom: 40px;\n vertical-align: top;\n animation: fadeInOpacity 0.5s;\n}\n\n.logo {\n max-height: 200px;\n}\n.logo.is-2x {\n display: none;\n}\n\n#dropzone * {\n pointer-events: none;\n}\n\n#tokenContainer,\n#panel {\n display: none;\n}\n\n#maxSize {\n font-size: 1rem;\n}\n\n.dz-preview .dz-details {\n display: flex;\n}\n.dz-preview .dz-details .dz-size,\n.dz-preview .dz-details .dz-filename {\n flex: 1;\n}\n.dz-preview img,\n.dz-preview .dz-success-mark,\n.dz-preview .dz-error-mark {\n display: none;\n}\n\n.uploads {\n display: flex;\n flex-direction: column;\n}\n.uploads.is-reversed {\n flex-direction: column-reverse;\n}\n.uploads > div {\n animation: fadeInOpacity 0.5s;\n margin: 0.75rem !important;\n}\n.uploads > div:first-child {\n margin-top: 1.5rem;\n}\n.uploads > div > .icon:not(.icon-block) {\n color: #1f89e5;\n}\n.uploads > div > .icon.icon-block {\n color: #ff3860;\n}\n.uploads.is-reversed > div {\n flex: 0 0 auto;\n}\n.uploads.nojs {\n margin-bottom: 0;\n}\n.uploads .descriptive-progress {\n color: #ededed;\n}\n.uploads img {\n max-width: 200px;\n}\n\n.name {\n font-size: 1rem;\n color: whitesmoke;\n word-break: break-all;\n}\n\n.link > a {\n word-break: break-all;\n}\n\n.clipboard-mobile {\n margin-top: 5px;\n}\n\n#albumDiv {\n animation: fadeInOpacity 0.5s;\n}\n#albumDiv .control {\n text-align: inherit;\n}\n\n#linksColumn {\n margin-top: -0.25rem;\n margin-left: -0.25rem;\n margin-right: -0.25rem;\n animation: fadeInOpacity 0.5s;\n}\n#linksColumn .column {\n padding: 0.25rem;\n}\n#linksColumn > span {\n padding: 0 0.3rem;\n color: #b5b5b5;\n}\n\n.git-commit a {\n display: inline-block;\n word-break: break-all;\n}\n\n.hero .tabs ul {\n border-bottom: 1px solid #7a7a7a;\n}\n\n#tabs {\n margin-bottom: 1rem;\n animation: fadeInOpacity 0.5s;\n}\n#tabs .tab-content {\n margin-bottom: -0.75rem;\n animation: fadeInOpacity 0.5s;\n}\n\n#tab-config.tab-content form {\n margin-bottom: 0.75rem;\n}\n\n#urlMaxSize {\n font-weight: bold;\n}\n\ninput[type=file].is-fullwidth {\n width: 100%;\n}\n\n/** Render **/\n.render {\n position: fixed;\n right: 0;\n bottom: 0;\n font-size: 1rem;\n color: #ededed;\n cursor: pointer;\n animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both;\n}\n.render.button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n right: 1%;\n opacity: 0.25;\n transition: opacity 0.25s;\n}\n.render.button:hover {\n opacity: 1;\n}\n\n/** Newsfeed **/\n#newsfeed {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 1.5rem 1.5rem 0 1.5rem;\n}\n#newsfeed .column:last-child {\n animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both;\n}\n#newsfeed .notification {\n display: block;\n padding: 0.75rem 2.25rem 0.75rem 1.125rem;\n margin-bottom: 1.125rem;\n}\n#newsfeed .notification > .delete {\n top: 0.75rem;\n}\n#newsfeed .notification .content {\n font-size: 0.75rem;\n}\n#newsfeed .news-title {\n font-weight: bold;\n}\n#newsfeed .news-date.is-recent-week {\n font-weight: bold;\n}","// Colors\n\n$black: hsl(0, 0%, 4%) !default\n$black-bis: hsl(0, 0%, 7%) !default\n$black-ter: hsl(0, 0%, 14%) !default\n\n$grey-darker: hsl(0, 0%, 21%) !default\n$grey-dark: hsl(0, 0%, 29%) !default\n$grey: hsl(0, 0%, 48%) !default\n$grey-light: hsl(0, 0%, 71%) !default\n$grey-lighter: hsl(0, 0%, 86%) !default\n$grey-lightest: hsl(0, 0%, 93%) !default\n\n$white-ter: hsl(0, 0%, 96%) !default\n$white-bis: hsl(0, 0%, 98%) !default\n$white: hsl(0, 0%, 100%) !default\n\n$orange: hsl(14, 100%, 53%) !default\n$yellow: hsl(48, 100%, 67%) !default\n$green: hsl(141, 53%, 53%) !default\n$turquoise: hsl(171, 100%, 41%) !default\n$cyan: hsl(204, 71%, 53%) !default\n$blue: hsl(217, 71%, 53%) !default\n$purple: hsl(271, 100%, 71%) !default\n$red: hsl(348, 86%, 61%) !default\n\n// Typography\n\n$family-sans-serif: BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif !default\n$family-monospace: monospace !default\n$render-mode: optimizeLegibility !default\n\n$size-1: 3rem !default\n$size-2: 2.5rem !default\n$size-3: 2rem !default\n$size-4: 1.5rem !default\n$size-5: 1.25rem !default\n$size-6: 1rem !default\n$size-7: 0.75rem !default\n\n$weight-light: 300 !default\n$weight-normal: 400 !default\n$weight-medium: 500 !default\n$weight-semibold: 600 !default\n$weight-bold: 700 !default\n\n// Spacing\n\n$block-spacing: 1.5rem !default\n\n// Responsiveness\n\n// The container horizontal gap, which acts as the offset for breakpoints\n$gap: 32px !default\n// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16\n$tablet: 769px !default\n// 960px container + 4rem\n$desktop: 960px + (2 * $gap) !default\n// 1152px container + 4rem\n$widescreen: 1152px + (2 * $gap) !default\n$widescreen-enabled: true !default\n// 1344px container + 4rem\n$fullhd: 1344px + (2 * $gap) !default\n$fullhd-enabled: true !default\n\n// Miscellaneous\n\n$easing: ease-out !default\n$radius-small: 2px !default\n$radius: 4px !default\n$radius-large: 6px !default\n$radius-rounded: 290486px !default\n$speed: 86ms !default\n\n// Flags\n\n$variable-columns: true !default\n$rtl: false !default\n"]}