diff --git a/dist/css/dashboard.css b/dist/css/dashboard.css index 740a372..7a89e8c 100644 --- a/dist/css/dashboard.css +++ b/dist/css/dashboard.css @@ -1,2 +1,2 @@ -body{-webkit-animation:none;animation:none}#dashboard{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}.menu-label{color:#b5b5b5}.menu-list a{border:1px solid transparent;color:#1f89e5}.menu-list a.is-active{background:#1f89e5;border-color:#1f89e5;color:#fff}.menu-list a:not(.is-active):hover{background:none;border-color:#1f89e5;color:#1f89e5}.menu-list a[disabled]{color:#7a7a7a;pointer-events:none}.menu-list a.is-loading:after{-webkit-animation:spinAround .5s linear infinite;animation:spinAround .5s linear infinite;border-color:transparent transparent #f5f5f5 #f5f5f5;border-radius:290486px;border-style:solid;border-width:2px;content:"";display:block;height:1em;position:absolute!important;right:.5em;top:calc(50% - .5em);width:1em}.menu-list a.is-active[data-action=collapse]{background:none!important;border-color:transparent!important;color:#1f89e5!important}.menu-list a.is-active[data-action=collapse]:hover{border-color:#1f89e5!important}.menu-list li ul{border-left:0;padding-left:0}.menu-list li ul li{border-left:2px solid #b5b5b5;padding-left:.75em}#page.fade-in,.menu-list #albumsContainer li{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}.pagination{margin-bottom:1.25rem}.pagination-link:not([disabled]),.pagination-next:not([disabled]),.pagination-previous:not([disabled]){background-color:#000}.pagination-link:not([disabled]):hover,.pagination-next:not([disabled]):hover,.pagination-previous:not([disabled]):hover{background-color:#f5f5f5}.pagination-link[disabled],.pagination-next[disabled],.pagination-previous[disabled]{opacity:1}.pagination-link.is-current{background-color:#f5f5f5;border-color:#f5f5f5;color:#000}.pagination-link.is-current.is-loading:after{border-bottom-color:#4a4a4a;border-left-color:#4a4a4a}li[data-action=page-ellipsis]{cursor:pointer}.label{color:#ededed}#page{min-width:0}.is-linethrough{text-decoration:line-through}#dashboard.is-loading #menu .menu-list a,#dashboard.is-loading [data-action]{cursor:progress}#dashboard.is-loading .column.bulk-operations [data-action],#dashboard.is-loading .column.exclusive-operations [data-action],#dashboard.is-loading .table [data-action],#dashboard.is-loading [data-action$=-help]{cursor:pointer}#statistics tr :first-child{width:50%}.expirydate{color:#ededed}.table .originalname{max-width:200px;overflow:hidden;text-overflow:ellipsis}.table td[title],.table th[title]{cursor:help}.image-container .checkbox{left:11px;position:absolute;top:11px}.image-container .controls{display:flex;position:absolute;right:11px;top:11px}.image-container .controls .button{border-radius:0}.image-container .controls .button:not(:active):not(:hover){background-color:rgba(0,0,0,.56);color:#fff}.no-touch .image-container .checkbox{opacity:.5}.no-touch .image-container .controls,.no-touch .image-container .details{opacity:0}.no-touch .image-container:hover .checkbox,.no-touch .image-container:hover .controls,.no-touch .image-container:hover .details{opacity:1} +body{-webkit-animation:none;animation:none}#dashboard{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}.menu-label{color:#b5b5b5}.menu-list a{border:1px solid transparent;color:#1f89e5}.menu-list a.is-active{background:#1f89e5;border-color:#1f89e5;color:#fff}.menu-list a:not(.is-active):hover{background:none;border-color:#1f89e5;color:#1f89e5}.menu-list a[disabled]{color:#7a7a7a;pointer-events:none}.menu-list a.is-loading:after{-webkit-animation:spinAround .5s linear infinite;animation:spinAround .5s linear infinite;border-color:transparent transparent #f5f5f5 #f5f5f5;border-radius:290486px;border-style:solid;border-width:2px;content:"";display:block;height:1em;position:absolute!important;right:.5em;top:calc(50% - .5em);width:1em}.menu-list a.is-active[data-action=collapse]{background:none!important;border-color:transparent!important;color:#1f89e5!important}.menu-list a.is-active[data-action=collapse]:hover{border-color:#1f89e5!important}.menu-list li ul{border-left:0;padding-left:0}.menu-list li ul li{border-left:2px solid #b5b5b5;padding-left:.75em}#page.fade-in{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}.pagination{margin-bottom:1.25rem}.pagination-link:not([disabled]),.pagination-next:not([disabled]),.pagination-previous:not([disabled]){background-color:#000}.pagination-link:not([disabled]):hover,.pagination-next:not([disabled]):hover,.pagination-previous:not([disabled]):hover{background-color:#f5f5f5}.pagination-link[disabled],.pagination-next[disabled],.pagination-previous[disabled]{opacity:1}.pagination-link.is-current{background-color:#f5f5f5;border-color:#f5f5f5;color:#000}.pagination-link.is-current.is-loading:after{border-bottom-color:#4a4a4a;border-left-color:#4a4a4a}li[data-action=page-ellipsis]{cursor:pointer}.label{color:#ededed}#page{min-width:0}.is-linethrough{text-decoration:line-through}#dashboard.is-loading #menu .menu-list a,#dashboard.is-loading [data-action]{cursor:progress}#dashboard.is-loading .column.bulk-operations [data-action],#dashboard.is-loading .column.exclusive-operations [data-action],#dashboard.is-loading .table [data-action],#dashboard.is-loading [data-action$=-help]{cursor:pointer}#statistics tr :first-child{width:50%}.expirydate{color:#ededed}.table .originalname{max-width:200px;overflow:hidden;text-overflow:ellipsis}.table td[title],.table th[title]{cursor:help}.image-container .checkbox{left:11px;position:absolute;top:11px}.image-container .controls{display:flex;position:absolute;right:11px;top:11px}.image-container .controls .button{border-radius:0}.image-container .controls .button:not(:active):not(:hover){background-color:rgba(0,0,0,.56);color:#fff}.no-touch .image-container .checkbox{opacity:.5}.no-touch .image-container .controls,.no-touch .image-container .details{opacity:0}.no-touch .image-container:hover .checkbox,.no-touch .image-container:hover .controls,.no-touch .image-container:hover .details{opacity:1} /*# sourceMappingURL=dashboard.css.map */ diff --git a/dist/css/dashboard.css.map b/dist/css/dashboard.css.map index 5920489..f3647f7 100644 --- a/dist/css/dashboard.css.map +++ b/dist/css/dashboard.css.map @@ -1 +1 @@ -{"version":3,"sources":["css/dashboard.scss","css/dashboard.css","css/_variables.scss","../node_modules/bulma/sass/utilities/initial-variables.sass"],"names":[],"mappings":"AAKA,KACE,sBAAA,CAAA,cCAF,CDGA,WACE,qCAAA,CAAA,6BCAF,CDGA,YACE,aCAF,CDIE,aAEE,4BAAA,CADA,aCAJ,CDGI,uBAEE,kBEdC,CFeD,oBEfC,CFaD,UCCN,CDII,mCAEE,eAAA,CACA,oBErBC,CFmBD,aCAN,CDKI,uBACE,aG3BS,CH4BT,mBCHN,CDMI,8BACE,gDAAA,CAAA,wCAAA,CAIA,oDAAA,CAFA,sBAAA,CAEA,kBAAA,CAAA,gBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CAIA,2BAAA,CAFA,UAAA,CACA,oBAAA,CAFA,SCDN,CDOI,6CAEE,yBAAA,CACA,kCAAA,CAFA,uBCHN,CDOM,mDACE,8BCLR,CDUE,iBACE,aAAA,CACA,cCRJ,CDUI,oBACE,6BAAA,CACA,kBCRN,CDiBA,6CACE,qCAAA,CAAA,6BCXF,CDcA,YACE,qBCXF,CDiBE,uGACE,qBCZJ,CDcI,yHACE,wBCVN,CDcE,qFACE,SCVJ,CDcA,4BAEE,wBG7Fa,CH8Fb,oBG9Fa,CH4Fb,UCTF,CDaE,6CACE,2BGvGW,CHwGX,yBCXJ,CDeA,8BACE,cCZF,CDeA,OACE,aCZF,CDeA,MAEE,WCZF,CDeA,gBACE,4BCZF,CDgBE,6EAEE,eCbJ,CDgBE,mNAIE,cCdJ,CDkBA,4BACE,SCfF,CDkBA,YACE,aCfF,CDmBE,qBACE,eAAA,CAEA,eAAA,CADA,sBCfJ,CDqBI,kCACE,WClBN,CD0BE,2BAGE,SAAA,CAFA,iBAAA,CACA,QCrBJ,CDyBE,2BACE,YAAA,CACA,iBAAA,CAEA,UAAA,CADA,QCtBJ,CDyBI,mCACE,eCvBN,CDyBM,4DAEE,gCAAA,CADA,UCtBR,CD8BE,qCACE,UC3BJ,CD8BE,yEAEE,SC5BJ,CDgCI,gIAGE,SC9BN","file":"dashboard.css","sourcesContent":["@charset \"utf-8\";\n@import \"_variables\";\n\n/** Main **/\n\nbody {\n animation: none\n}\n\n#dashboard {\n animation: fade-in-opacity 0.5s\n}\n\n.menu-label {\n color: $grey-light\n}\n\n.menu-list {\n a {\n color: $link;\n border: 1px solid transparent;\n\n &.is-active {\n color: $white;\n background: $link;\n border-color: $link\n }\n\n &:not(.is-active):hover {\n color: $link;\n background: none;\n border-color: $link\n }\n\n &[disabled] {\n color: $grey;\n pointer-events: none\n }\n\n &.is-loading::after {\n animation: spinAround 0.5s infinite linear;\n border: 2px solid $white-ter;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n width: 1em;\n right: calc(0% + (1em / 2));\n top: calc(50% - (1em / 2));\n position: absolute !important\n }\n\n &.is-active[data-action=\"collapse\"] {\n color: $link !important;\n background: none !important;\n border-color: transparent !important;\n\n &:hover {\n border-color: $link !important\n }\n }\n }\n\n li ul {\n border-left: 0;\n padding-left: 0;\n\n li {\n border-left: 2px solid $grey-light;\n padding-left: 0.75em\n }\n }\n\n #albumsContainer li {\n animation: fade-in-opacity 0.5s\n }\n}\n\n#page.fade-in {\n animation: fade-in-opacity 0.5s\n}\n\n.pagination {\n margin-bottom: 1.25rem\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link {\n &:not([disabled]) {\n background-color: $pagination-background-color;\n\n &:hover {\n background-color: $pagination-hover-background-color\n }\n }\n\n &[disabled] {\n opacity: 1\n }\n}\n\n.pagination-link.is-current {\n color: $pagination-background-color;\n background-color: $pagination-color;\n border-color: $pagination-border-color;\n\n &.is-loading::after {\n border-bottom-color: $grey-dark;\n border-left-color: $grey-dark\n }\n}\n\nli[data-action=\"page-ellipsis\"] {\n cursor: pointer\n}\n\n.label {\n color: $grey-lightest\n}\n\n#page {\n /* fix overflow issue with flex */\n min-width: 0\n}\n\n.is-linethrough {\n text-decoration: line-through\n}\n\n#dashboard.is-loading {\n *[data-action],\n #menu .menu-list a {\n cursor: progress\n }\n\n *[data-action$=\"-help\"],\n .table *[data-action],\n .column.bulk-operations *[data-action],\n .column.exclusive-operations *[data-action] {\n cursor: pointer\n }\n}\n\n#statistics tr *:nth-child(1) {\n width: 50%\n}\n\n.expirydate {\n color: $grey-lightest\n}\n\n.table {\n .originalname {\n max-width: 200px;\n text-overflow: ellipsis;\n overflow: hidden\n }\n\n th,\n td {\n &[title] {\n cursor: help\n }\n }\n}\n\n/** Thumbs extension **/\n\n.image-container {\n .checkbox {\n position: absolute;\n top: 11px;\n left: 11px\n }\n\n .controls {\n display: flex;\n position: absolute;\n top: 11px;\n right: 11px;\n\n .button {\n border-radius: 0;\n\n &:not(:active):not(:hover) {\n color: $white;\n background-color: rgb(0 0 0 / 56%)\n }\n }\n }\n}\n\n.no-touch .image-container {\n .checkbox {\n opacity: 0.5\n }\n\n .controls,\n .details {\n opacity: 0\n }\n\n &:hover {\n .checkbox,\n .controls,\n .details {\n opacity: 1\n }\n }\n}\n","/* stylelint-disable scss/dollar-variable-empty-line-before */\n/* stylelint-disable-next-line value-keyword-case */\n/** Bulma: Variables **/\n/** Main **/\nbody {\n animation: none;\n}\n\n#dashboard {\n animation: fade-in-opacity 0.5s;\n}\n\n.menu-label {\n color: #b5b5b5;\n}\n\n.menu-list a {\n color: #1f89e5;\n border: 1px solid transparent;\n}\n.menu-list a.is-active {\n color: white;\n background: #1f89e5;\n border-color: #1f89e5;\n}\n.menu-list a:not(.is-active):hover {\n color: #1f89e5;\n background: none;\n border-color: #1f89e5;\n}\n.menu-list a[disabled] {\n color: #7a7a7a;\n pointer-events: none;\n}\n.menu-list a.is-loading::after {\n animation: spinAround 0.5s infinite linear;\n border: 2px solid whitesmoke;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n width: 1em;\n right: calc(0% + (1em / 2));\n top: calc(50% - (1em / 2));\n position: absolute !important;\n}\n.menu-list a.is-active[data-action=collapse] {\n color: #1f89e5 !important;\n background: none !important;\n border-color: transparent !important;\n}\n.menu-list a.is-active[data-action=collapse]:hover {\n border-color: #1f89e5 !important;\n}\n.menu-list li ul {\n border-left: 0;\n padding-left: 0;\n}\n.menu-list li ul li {\n border-left: 2px solid #b5b5b5;\n padding-left: 0.75em;\n}\n.menu-list #albumsContainer li {\n animation: fade-in-opacity 0.5s;\n}\n\n#page.fade-in {\n animation: fade-in-opacity 0.5s;\n}\n\n.pagination {\n margin-bottom: 1.25rem;\n}\n\n.pagination-previous:not([disabled]),\n.pagination-next:not([disabled]),\n.pagination-link:not([disabled]) {\n background-color: black;\n}\n.pagination-previous:not([disabled]):hover,\n.pagination-next:not([disabled]):hover,\n.pagination-link:not([disabled]):hover {\n background-color: whitesmoke;\n}\n.pagination-previous[disabled],\n.pagination-next[disabled],\n.pagination-link[disabled] {\n opacity: 1;\n}\n\n.pagination-link.is-current {\n color: black;\n background-color: whitesmoke;\n border-color: whitesmoke;\n}\n.pagination-link.is-current.is-loading::after {\n border-bottom-color: #4a4a4a;\n border-left-color: #4a4a4a;\n}\n\nli[data-action=page-ellipsis] {\n cursor: pointer;\n}\n\n.label {\n color: #ededed;\n}\n\n#page {\n /* fix overflow issue with flex */\n min-width: 0;\n}\n\n.is-linethrough {\n text-decoration: line-through;\n}\n\n#dashboard.is-loading *[data-action],\n#dashboard.is-loading #menu .menu-list a {\n cursor: progress;\n}\n#dashboard.is-loading *[data-action$=-help],\n#dashboard.is-loading .table *[data-action],\n#dashboard.is-loading .column.bulk-operations *[data-action],\n#dashboard.is-loading .column.exclusive-operations *[data-action] {\n cursor: pointer;\n}\n\n#statistics tr *:nth-child(1) {\n width: 50%;\n}\n\n.expirydate {\n color: #ededed;\n}\n\n.table .originalname {\n max-width: 200px;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.table th[title],\n.table td[title] {\n cursor: help;\n}\n\n/** Thumbs extension **/\n.image-container .checkbox {\n position: absolute;\n top: 11px;\n left: 11px;\n}\n.image-container .controls {\n display: flex;\n position: absolute;\n top: 11px;\n right: 11px;\n}\n.image-container .controls .button {\n border-radius: 0;\n}\n.image-container .controls .button:not(:active):not(:hover) {\n color: white;\n background-color: rgba(0, 0, 0, 0.56);\n}\n\n.no-touch .image-container .checkbox {\n opacity: 0.5;\n}\n.no-touch .image-container .controls,\n.no-touch .image-container .details {\n opacity: 0;\n}\n.no-touch .image-container:hover .checkbox,\n.no-touch .image-container:hover .controls,\n.no-touch .image-container:hover .details {\n opacity: 1;\n}","@charset \"utf-8\";\n\n/* stylelint-disable scss/dollar-variable-empty-line-before */\n/* stylelint-disable-next-line value-keyword-case */\n$family-sans-serif: BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Ubuntu\", \"Roboto\", \"Oxygen\", \"Cantarell\",\n \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;\n\n$black: hsl(0deg 0% 0%);\n$green: hsl(141deg 42% 53%);\n$cyan: hsl(217deg 89% 61%);\n$blue: hsl(208deg 79% 51%);\n$red: hsl(348deg 100% 61%);\n\n/** Bulma: Variables **/\n@import \"../../node_modules/bulma/sass/utilities/initial-variables\";\n@import \"../../node_modules/bulma/sass/utilities/functions\";\n@import \"../../node_modules/bulma/sass/utilities/derived-variables\";\n\n$scheme-main: $black;\n$text: $white-ter;\n\n$strong-color: $grey-lighter;\n\n$link-hover: $link-light;\n\n$hr-background-color: $grey-light;\n\n$border-hover: $link;\n$input-focus-border-color: $link-light;\n\n$title-color: $white-ter;\n$subtitle-color: $grey-lightest;\n$subtitle-strong-color: $grey-lightest;\n\n$input-background-color: $scheme-main;\n$input-border-color: $grey;\n$input-color: $text;\n$input-placeholder-color: $grey-lightest;\n\n$input-disabled-background-color: $grey-dark;\n$input-disabled-border-color: $input-border-color;\n$input-disabled-color: $input-color;\n$input-disabled-placeholder-color: $grey-lightest;\n\n$pagination-background-color: $scheme-main;\n$pagination-border-color: $text;\n$pagination-color: $text;\n\n$pagination-hover-background-color: $pagination-color;\n$pagination-hover-border-color: $pagination-border-color;\n$pagination-hover-color: $scheme-main;\n\n$pagination-disabled-background-color: $grey-dark;\n$pagination-disabled-border-color: $grey;\n$pagination-disabled-color: hsl(0deg 0% 64%);\n\n$tabs-link-color: $text;\n$tabs-link-hover-color: $tabs-link-color;\n$tabs-boxed-link-active-border-color: $grey;\n$tabs-boxed-link-hover-background-color: $grey-darker;\n$tabs-boxed-link-hover-border-bottom-color: $tabs-boxed-link-active-border-color\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(44, 100%, 77%) !default\n$green: hsl(153, 53%, 53%) !default\n$turquoise: hsl(171, 100%, 41%) !default\n$cyan: hsl(207, 61%, 53%) !default\n$blue: hsl(229, 53%, 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: 9999px !default\n$speed: 86ms !default\n\n// Flags\n\n$variable-columns: true !default\n$rtl: false !default\n"]} \ No newline at end of file +{"version":3,"sources":["css/dashboard.scss","css/dashboard.css","css/_variables.scss","../node_modules/bulma/sass/utilities/initial-variables.sass"],"names":[],"mappings":"AAKA,KACE,sBAAA,CAAA,cCAF,CDGA,WACE,qCAAA,CAAA,6BCAF,CDGA,YACE,aCAF,CDIE,aAEE,4BAAA,CADA,aCAJ,CDGI,uBAEE,kBEdC,CFeD,oBEfC,CFaD,UCCN,CDII,mCAEE,eAAA,CACA,oBErBC,CFmBD,aCAN,CDKI,uBACE,aG3BS,CH4BT,mBCHN,CDMI,8BACE,gDAAA,CAAA,wCAAA,CAIA,oDAAA,CAFA,sBAAA,CAEA,kBAAA,CAAA,gBAAA,CACA,UAAA,CACA,aAAA,CACA,UAAA,CAIA,2BAAA,CAFA,UAAA,CACA,oBAAA,CAFA,SCDN,CDOI,6CAEE,yBAAA,CACA,kCAAA,CAFA,uBCHN,CDOM,mDACE,8BCLR,CDUE,iBACE,aAAA,CACA,cCRJ,CDUI,oBACE,6BAAA,CACA,kBCRN,CDaA,cACE,qCAAA,CAAA,6BCVF,CDaA,YACE,qBCVF,CDgBE,uGACE,qBCXJ,CDaI,yHACE,wBCTN,CDaE,qFACE,SCTJ,CDaA,4BAEE,wBGzFa,CH0Fb,oBG1Fa,CHwFb,UCRF,CDYE,6CACE,2BGnGW,CHoGX,yBCVJ,CDcA,8BACE,cCXF,CDcA,OACE,aCXF,CDcA,MAEE,WCXF,CDcA,gBACE,4BCXF,CDeE,6EAEE,eCZJ,CDeE,mNAIE,cCbJ,CDiBA,4BACE,SCdF,CDiBA,YACE,aCdF,CDkBE,qBACE,eAAA,CAEA,eAAA,CADA,sBCdJ,CDoBI,kCACE,WCjBN,CDyBE,2BAGE,SAAA,CAFA,iBAAA,CACA,QCpBJ,CDwBE,2BACE,YAAA,CACA,iBAAA,CAEA,UAAA,CADA,QCrBJ,CDwBI,mCACE,eCtBN,CDwBM,4DAEE,gCAAA,CADA,UCrBR,CD6BE,qCACE,UC1BJ,CD6BE,yEAEE,SC3BJ,CD+BI,gIAGE,SC7BN","file":"dashboard.css","sourcesContent":["@charset \"utf-8\";\n@import \"_variables\";\n\n/** Main **/\n\nbody {\n animation: none\n}\n\n#dashboard {\n animation: fade-in-opacity 0.5s\n}\n\n.menu-label {\n color: $grey-light\n}\n\n.menu-list {\n a {\n color: $link;\n border: 1px solid transparent;\n\n &.is-active {\n color: $white;\n background: $link;\n border-color: $link\n }\n\n &:not(.is-active):hover {\n color: $link;\n background: none;\n border-color: $link\n }\n\n &[disabled] {\n color: $grey;\n pointer-events: none\n }\n\n &.is-loading::after {\n animation: spinAround 0.5s infinite linear;\n border: 2px solid $white-ter;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n width: 1em;\n right: calc(0% + (1em / 2));\n top: calc(50% - (1em / 2));\n position: absolute !important\n }\n\n &.is-active[data-action=\"collapse\"] {\n color: $link !important;\n background: none !important;\n border-color: transparent !important;\n\n &:hover {\n border-color: $link !important\n }\n }\n }\n\n li ul {\n border-left: 0;\n padding-left: 0;\n\n li {\n border-left: 2px solid $grey-light;\n padding-left: 0.75em\n }\n }\n}\n\n#page.fade-in {\n animation: fade-in-opacity 0.5s\n}\n\n.pagination {\n margin-bottom: 1.25rem\n}\n\n.pagination-previous,\n.pagination-next,\n.pagination-link {\n &:not([disabled]) {\n background-color: $pagination-background-color;\n\n &:hover {\n background-color: $pagination-hover-background-color\n }\n }\n\n &[disabled] {\n opacity: 1\n }\n}\n\n.pagination-link.is-current {\n color: $pagination-background-color;\n background-color: $pagination-color;\n border-color: $pagination-border-color;\n\n &.is-loading::after {\n border-bottom-color: $grey-dark;\n border-left-color: $grey-dark\n }\n}\n\nli[data-action=\"page-ellipsis\"] {\n cursor: pointer\n}\n\n.label {\n color: $grey-lightest\n}\n\n#page {\n /* fix overflow issue with flex */\n min-width: 0\n}\n\n.is-linethrough {\n text-decoration: line-through\n}\n\n#dashboard.is-loading {\n *[data-action],\n #menu .menu-list a {\n cursor: progress\n }\n\n *[data-action$=\"-help\"],\n .table *[data-action],\n .column.bulk-operations *[data-action],\n .column.exclusive-operations *[data-action] {\n cursor: pointer\n }\n}\n\n#statistics tr *:nth-child(1) {\n width: 50%\n}\n\n.expirydate {\n color: $grey-lightest\n}\n\n.table {\n .originalname {\n max-width: 200px;\n text-overflow: ellipsis;\n overflow: hidden\n }\n\n th,\n td {\n &[title] {\n cursor: help\n }\n }\n}\n\n/** Thumbs extension **/\n\n.image-container {\n .checkbox {\n position: absolute;\n top: 11px;\n left: 11px\n }\n\n .controls {\n display: flex;\n position: absolute;\n top: 11px;\n right: 11px;\n\n .button {\n border-radius: 0;\n\n &:not(:active):not(:hover) {\n color: $white;\n background-color: rgb(0 0 0 / 56%)\n }\n }\n }\n}\n\n.no-touch .image-container {\n .checkbox {\n opacity: 0.5\n }\n\n .controls,\n .details {\n opacity: 0\n }\n\n &:hover {\n .checkbox,\n .controls,\n .details {\n opacity: 1\n }\n }\n}\n","/* stylelint-disable scss/dollar-variable-empty-line-before */\n/* stylelint-disable-next-line value-keyword-case */\n/** Bulma: Variables **/\n/** Main **/\nbody {\n animation: none;\n}\n\n#dashboard {\n animation: fade-in-opacity 0.5s;\n}\n\n.menu-label {\n color: #b5b5b5;\n}\n\n.menu-list a {\n color: #1f89e5;\n border: 1px solid transparent;\n}\n.menu-list a.is-active {\n color: white;\n background: #1f89e5;\n border-color: #1f89e5;\n}\n.menu-list a:not(.is-active):hover {\n color: #1f89e5;\n background: none;\n border-color: #1f89e5;\n}\n.menu-list a[disabled] {\n color: #7a7a7a;\n pointer-events: none;\n}\n.menu-list a.is-loading::after {\n animation: spinAround 0.5s infinite linear;\n border: 2px solid whitesmoke;\n border-radius: 290486px;\n border-right-color: transparent;\n border-top-color: transparent;\n content: \"\";\n display: block;\n height: 1em;\n width: 1em;\n right: calc(0% + (1em / 2));\n top: calc(50% - (1em / 2));\n position: absolute !important;\n}\n.menu-list a.is-active[data-action=collapse] {\n color: #1f89e5 !important;\n background: none !important;\n border-color: transparent !important;\n}\n.menu-list a.is-active[data-action=collapse]:hover {\n border-color: #1f89e5 !important;\n}\n.menu-list li ul {\n border-left: 0;\n padding-left: 0;\n}\n.menu-list li ul li {\n border-left: 2px solid #b5b5b5;\n padding-left: 0.75em;\n}\n\n#page.fade-in {\n animation: fade-in-opacity 0.5s;\n}\n\n.pagination {\n margin-bottom: 1.25rem;\n}\n\n.pagination-previous:not([disabled]),\n.pagination-next:not([disabled]),\n.pagination-link:not([disabled]) {\n background-color: black;\n}\n.pagination-previous:not([disabled]):hover,\n.pagination-next:not([disabled]):hover,\n.pagination-link:not([disabled]):hover {\n background-color: whitesmoke;\n}\n.pagination-previous[disabled],\n.pagination-next[disabled],\n.pagination-link[disabled] {\n opacity: 1;\n}\n\n.pagination-link.is-current {\n color: black;\n background-color: whitesmoke;\n border-color: whitesmoke;\n}\n.pagination-link.is-current.is-loading::after {\n border-bottom-color: #4a4a4a;\n border-left-color: #4a4a4a;\n}\n\nli[data-action=page-ellipsis] {\n cursor: pointer;\n}\n\n.label {\n color: #ededed;\n}\n\n#page {\n /* fix overflow issue with flex */\n min-width: 0;\n}\n\n.is-linethrough {\n text-decoration: line-through;\n}\n\n#dashboard.is-loading *[data-action],\n#dashboard.is-loading #menu .menu-list a {\n cursor: progress;\n}\n#dashboard.is-loading *[data-action$=-help],\n#dashboard.is-loading .table *[data-action],\n#dashboard.is-loading .column.bulk-operations *[data-action],\n#dashboard.is-loading .column.exclusive-operations *[data-action] {\n cursor: pointer;\n}\n\n#statistics tr *:nth-child(1) {\n width: 50%;\n}\n\n.expirydate {\n color: #ededed;\n}\n\n.table .originalname {\n max-width: 200px;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.table th[title],\n.table td[title] {\n cursor: help;\n}\n\n/** Thumbs extension **/\n.image-container .checkbox {\n position: absolute;\n top: 11px;\n left: 11px;\n}\n.image-container .controls {\n display: flex;\n position: absolute;\n top: 11px;\n right: 11px;\n}\n.image-container .controls .button {\n border-radius: 0;\n}\n.image-container .controls .button:not(:active):not(:hover) {\n color: white;\n background-color: rgba(0, 0, 0, 0.56);\n}\n\n.no-touch .image-container .checkbox {\n opacity: 0.5;\n}\n.no-touch .image-container .controls,\n.no-touch .image-container .details {\n opacity: 0;\n}\n.no-touch .image-container:hover .checkbox,\n.no-touch .image-container:hover .controls,\n.no-touch .image-container:hover .details {\n opacity: 1;\n}","@charset \"utf-8\";\n\n/* stylelint-disable scss/dollar-variable-empty-line-before */\n/* stylelint-disable-next-line value-keyword-case */\n$family-sans-serif: BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Ubuntu\", \"Roboto\", \"Oxygen\", \"Cantarell\",\n \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;\n\n$black: hsl(0deg 0% 0%);\n$green: hsl(141deg 42% 53%);\n$cyan: hsl(217deg 89% 61%);\n$blue: hsl(208deg 79% 51%);\n$red: hsl(348deg 100% 61%);\n\n/** Bulma: Variables **/\n@import \"../../node_modules/bulma/sass/utilities/initial-variables\";\n@import \"../../node_modules/bulma/sass/utilities/functions\";\n@import \"../../node_modules/bulma/sass/utilities/derived-variables\";\n\n$scheme-main: $black;\n$text: $white-ter;\n\n$strong-color: $grey-lighter;\n\n$link-hover: $link-light;\n\n$hr-background-color: $grey-light;\n\n$border-hover: $link;\n$input-focus-border-color: $link-light;\n\n$title-color: $white-ter;\n$subtitle-color: $grey-lightest;\n$subtitle-strong-color: $grey-lightest;\n\n$input-background-color: $scheme-main;\n$input-border-color: $grey;\n$input-color: $text;\n$input-placeholder-color: $grey-lightest;\n\n$input-disabled-background-color: $grey-dark;\n$input-disabled-border-color: $input-border-color;\n$input-disabled-color: $input-color;\n$input-disabled-placeholder-color: $grey-lightest;\n\n$pagination-background-color: $scheme-main;\n$pagination-border-color: $text;\n$pagination-color: $text;\n\n$pagination-hover-background-color: $pagination-color;\n$pagination-hover-border-color: $pagination-border-color;\n$pagination-hover-color: $scheme-main;\n\n$pagination-disabled-background-color: $grey-dark;\n$pagination-disabled-border-color: $grey;\n$pagination-disabled-color: hsl(0deg 0% 64%);\n\n$tabs-link-color: $text;\n$tabs-link-hover-color: $tabs-link-color;\n$tabs-boxed-link-active-border-color: $grey;\n$tabs-boxed-link-hover-background-color: $grey-darker;\n$tabs-boxed-link-hover-border-bottom-color: $tabs-boxed-link-active-border-color\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(44, 100%, 77%) !default\n$green: hsl(153, 53%, 53%) !default\n$turquoise: hsl(171, 100%, 41%) !default\n$cyan: hsl(207, 61%, 53%) !default\n$blue: hsl(229, 53%, 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: 9999px !default\n$speed: 86ms !default\n\n// Flags\n\n$variable-columns: true !default\n$rtl: false !default\n"]} \ No newline at end of file diff --git a/dist/css/home.css b/dist/css/home.css index 94880ab..d2246ff 100644 --- a/dist/css/home.css +++ b/dist/css/home.css @@ -1,2 +1,2 @@ -#b{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s;border-radius:100%;display:inline-block;height:200px;margin-bottom:40px;vertical-align:top;width:200px}.logo{max-height:200px}.logo.is-2x{display:none}#dropzone *{pointer-events:none}#panel,#tokenContainer{display:none}#maxSize{font-size:1rem}.dz-preview .dz-details{display:flex}.dz-preview .dz-details .dz-filename,.dz-preview .dz-details .dz-size{flex:1}.dz-preview .dz-error-mark,.dz-preview .dz-success-mark,.dz-preview img{display:none}.uploads{display:flex;flex-direction:column}.uploads.is-reversed{flex-direction:column-reverse}.uploads>div{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s;margin:.75rem!important}.uploads>div:first-child{margin-top:1.5rem}.uploads>div>.icon:not(.icon-block){color:#1f89e5}.uploads>div>.icon.icon-block{color:#ff3860}.uploads.is-reversed>div{flex:0 0 auto}.uploads.nojs{margin-bottom:0}.uploads .descriptive-progress{color:#ededed}.uploads img{max-width:200px}.name{color:#f5f5f5;font-size:1rem}.link>a,.name{word-break:break-all}.clipboard-mobile{margin-top:5px}#albumDiv{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}#albumDiv .control{text-align:inherit}#linksColumn{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s;margin-left:-.25rem;margin-right:-.25rem;margin-top:-.25rem}#linksColumn .column{padding:.25rem}#linksColumn>span{color:#b5b5b5;padding:0 .3rem}.git-commit a{display:inline-block;word-break:break-all}.hero .tabs ul{border-bottom:1px solid #7a7a7a}#tabs{margin-bottom:1rem}#tabs,#tabs .tab-content{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}#tabs .tab-content{margin-bottom:-.75rem}#tab-config.tab-content form{margin-bottom:.75rem}#urlMaxSize{font-weight:700}input[type=file].is-fullwidth{width:100%}.render{-webkit-animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both;animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both;bottom:0;color:#ededed;cursor:pointer;font-size:1rem;position:fixed;right:0}.render.button{border-bottom-left-radius:0;border-bottom-right-radius:0;opacity:.25;right:1%;transition:opacity .25s}.render.button:hover{opacity:1}#newsfeed{left:0;padding:1.5rem 1.5rem 0;position:absolute;right:0;top:0}#newsfeed .column:last-child{-webkit-animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both;animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both}#newsfeed .notification{display:block;margin-bottom:1.125rem;padding:.75rem 2.25rem .75rem 1.125rem}#newsfeed .notification>.delete{top:.75rem}#newsfeed .notification .content{font-size:.75rem}#newsfeed .news-date.is-recent-week,#newsfeed .news-title{font-weight:700} +#b{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s;border-radius:100%;display:inline-block;height:200px;margin-bottom:40px;vertical-align:top;width:200px}.logo{max-height:200px}.logo.is-2x{display:none}#dropzone *{pointer-events:none}#panel{display:none}#maxSize{font-size:1rem}.dz-preview .dz-details{display:flex}.dz-preview .dz-details .dz-filename,.dz-preview .dz-details .dz-size{flex:1}.dz-preview .dz-error-mark,.dz-preview .dz-success-mark,.dz-preview img{display:none}.uploads{display:flex;flex-direction:column}.uploads.is-reversed{flex-direction:column-reverse}.uploads>div{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s;margin:.75rem!important}.uploads>div:first-child{margin-top:1.5rem}.uploads>div>.icon:not(.icon-block){color:#1f89e5}.uploads>div>.icon.icon-block{color:#ff3860}.uploads.is-reversed>div{flex:0 0 auto}.uploads.nojs{margin-bottom:0}.uploads .descriptive-progress{color:#ededed}.uploads img{max-width:200px}.name{color:#f5f5f5;font-size:1rem}.link>a,.name{word-break:break-all}.clipboard-mobile{margin-top:5px}#albumDiv{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}#albumDiv .control{text-align:inherit}#linksColumn{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s;margin-left:-.25rem;margin-right:-.25rem;margin-top:-.25rem}#linksColumn .column{padding:.25rem}#linksColumn>span{color:#b5b5b5;padding:0 .3rem}.git-commit a{display:inline-block;word-break:break-all}.hero .tabs ul{border-bottom:1px solid #7a7a7a}#tabs{margin-bottom:1rem}#tabs,#tabs .tab-content{-webkit-animation:fade-in-opacity .5s;animation:fade-in-opacity .5s}#tabs .tab-content{margin-bottom:-.75rem}#tab-config.tab-content form{margin-bottom:.75rem}#urlMaxSize{font-weight:700}input[type=file].is-fullwidth{width:100%}.render{-webkit-animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both;animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both;bottom:0;color:#ededed;cursor:pointer;font-size:1rem;position:fixed;right:0}.render.button{border-bottom-left-radius:0;border-bottom-right-radius:0;opacity:.25;right:1%;transition:opacity .25s}.render.button:hover{opacity:1}#newsfeed{left:0;padding:1.5rem 1.5rem 0;position:absolute;right:0;top:0}#newsfeed .column:last-child{-webkit-animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both;animation:float-up 1.5s cubic-bezier(0,.71,.29,1) .5s 1 normal both}#newsfeed .notification{display:block;margin-bottom:1.125rem;padding:.75rem 2.25rem .75rem 1.125rem}#newsfeed .notification>.delete{top:.75rem}#newsfeed .notification .content{font-size:.75rem}#newsfeed .news-date.is-recent-week,#newsfeed .news-title{font-weight:700} /*# sourceMappingURL=home.css.map */ diff --git a/dist/css/home.css.map b/dist/css/home.css.map index 98e207a..8656b62 100644 --- a/dist/css/home.css.map +++ b/dist/css/home.css.map @@ -1 +1 @@ -{"version":3,"sources":["css/home.scss","css/home.css","../node_modules/bulma/sass/utilities/initial-variables.sass"],"names":[],"mappings":"AAKA,GAOE,qCAAA,CAAA,6BAAA,CAJA,kBAAA,CACA,oBAAA,CAFA,YAAA,CAGA,kBAAA,CACA,kBAAA,CALA,WCMF,CDGA,MACE,gBCAF,CDEE,YACE,YCAJ,CDIA,YACE,mBCDF,CDIA,uBAEE,YCDF,CDIA,SACE,cCDF,CDKE,wBACE,YCFJ,CDII,sEAEE,MCFN,CDME,wEAGE,YCJJ,CDQA,SACE,YAAA,CACA,qBCLF,CDOE,qBACE,6BCLJ,CDQE,aACE,qCAAA,CAAA,6BAAA,CACA,uBCNJ,CDQI,yBACE,iBCNN,CDSI,oCACE,aCPN,CDUI,8BACE,aCRN,CDYE,yBACE,aCVJ,CDaE,cACE,eCXJ,CDcE,+BACE,aCZJ,CDeE,aACE,eCbJ,CDiBA,MAEE,aEpFa,CFmFb,cCZF,CDiBA,cAHE,oBCVF,CDiBA,kBACE,cCdF,CDiBA,UACE,qCAAA,CAAA,6BCdF,CDgBE,mBACE,kBCdJ,CDkBA,aAIE,qCAAA,CAAA,6BAAA,CAFA,mBAAA,CACA,oBAAA,CAFA,kBCZF,CDiBE,qBACE,cCfJ,CDkBE,kBAEE,aExHW,CFuHX,eCfJ,CDoBA,cACE,oBAAA,CACA,oBCjBF,CDoBA,eACE,+BCjBF,CDoBA,MACE,kBChBF,CDmBE,yBAFA,qCAAA,CAAA,6BCbF,CDeE,mBACE,qBChBJ,CDqBA,6BACE,oBClBF,CDqBA,YACE,eClBF,CDqBA,8BACE,UClBF,CDuBA,QAOE,2EAAA,CAAA,mEAAA,CAJA,QAAA,CAEA,aEhKc,CFiKd,cAAA,CAFA,cAAA,CAHA,cAAA,CACA,OCdF,CDqBE,eACE,2BAAA,CACA,4BAAA,CAEA,WAAA,CADA,QAAA,CAEA,uBCnBJ,CDqBI,qBACE,SCnBN,CD0BA,UAIE,MAAA,CACA,uBAAA,CAJA,iBAAA,CAEA,OAAA,CADA,KCnBF,CDwBE,6BACE,2EAAA,CAAA,mECtBJ,CDyBE,wBACE,aAAA,CAEA,sBAAA,CADA,sCCtBJ,CDyBI,gCACE,UCvBN,CD0BI,iCACE,gBCxBN,CDgCE,0DACE,eC3BJ","file":"home.css","sourcesContent":["@charset \"utf-8\";\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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 0.5s;\n\n .tab-content {\n margin-bottom: -0.75rem;\n animation: fade-in-opacity 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: float-up 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;\n\n .column:last-child {\n animation: float-up 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 scss/dollar-variable-empty-line-before */\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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 0.5s;\n}\n#tabs .tab-content {\n margin-bottom: -0.75rem;\n animation: fade-in-opacity 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: float-up 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;\n}\n#newsfeed .column:last-child {\n animation: float-up 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(44, 100%, 77%) !default\n$green: hsl(153, 53%, 53%) !default\n$turquoise: hsl(171, 100%, 41%) !default\n$cyan: hsl(207, 61%, 53%) !default\n$blue: hsl(229, 53%, 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: 9999px !default\n$speed: 86ms !default\n\n// Flags\n\n$variable-columns: true !default\n$rtl: false !default\n"]} \ No newline at end of file +{"version":3,"sources":["css/home.scss","css/home.css","../node_modules/bulma/sass/utilities/initial-variables.sass"],"names":[],"mappings":"AAKA,GAOE,qCAAA,CAAA,6BAAA,CAJA,kBAAA,CACA,oBAAA,CAFA,YAAA,CAGA,kBAAA,CACA,kBAAA,CALA,WCMF,CDGA,MACE,gBCAF,CDEE,YACE,YCAJ,CDIA,YACE,mBCDF,CDIA,OACE,YCDF,CDIA,SACE,cCDF,CDKE,wBACE,YCFJ,CDII,sEAEE,MCFN,CDME,wEAGE,YCJJ,CDQA,SACE,YAAA,CACA,qBCLF,CDOE,qBACE,6BCLJ,CDQE,aACE,qCAAA,CAAA,6BAAA,CACA,uBCNJ,CDQI,yBACE,iBCNN,CDSI,oCACE,aCPN,CDUI,8BACE,aCRN,CDYE,yBACE,aCVJ,CDaE,cACE,eCXJ,CDcE,+BACE,aCZJ,CDeE,aACE,eCbJ,CDiBA,MAEE,aEnFa,CFkFb,cCZF,CDiBA,cAHE,oBCVF,CDiBA,kBACE,cCdF,CDiBA,UACE,qCAAA,CAAA,6BCdF,CDgBE,mBACE,kBCdJ,CDkBA,aAIE,qCAAA,CAAA,6BAAA,CAFA,mBAAA,CACA,oBAAA,CAFA,kBCZF,CDiBE,qBACE,cCfJ,CDkBE,kBAEE,aEvHW,CFsHX,eCfJ,CDoBA,cACE,oBAAA,CACA,oBCjBF,CDoBA,eACE,+BCjBF,CDoBA,MACE,kBChBF,CDmBE,yBAFA,qCAAA,CAAA,6BCbF,CDeE,mBACE,qBChBJ,CDqBA,6BACE,oBClBF,CDqBA,YACE,eClBF,CDqBA,8BACE,UClBF,CDuBA,QAOE,2EAAA,CAAA,mEAAA,CAJA,QAAA,CAEA,aE/Jc,CFgKd,cAAA,CAFA,cAAA,CAHA,cAAA,CACA,OCdF,CDqBE,eACE,2BAAA,CACA,4BAAA,CAEA,WAAA,CADA,QAAA,CAEA,uBCnBJ,CDqBI,qBACE,SCnBN,CD0BA,UAIE,MAAA,CACA,uBAAA,CAJA,iBAAA,CAEA,OAAA,CADA,KCnBF,CDwBE,6BACE,2EAAA,CAAA,mECtBJ,CDyBE,wBACE,aAAA,CAEA,sBAAA,CADA,sCCtBJ,CDyBI,gCACE,UCvBN,CD0BI,iCACE,gBCxBN,CDgCE,0DACE,eC3BJ","file":"home.css","sourcesContent":["@charset \"utf-8\";\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: fade-in-opacity 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#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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 0.5s;\n\n .tab-content {\n margin-bottom: -0.75rem;\n animation: fade-in-opacity 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: float-up 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;\n\n .column:last-child {\n animation: float-up 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 scss/dollar-variable-empty-line-before */\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: fade-in-opacity 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#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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 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: fade-in-opacity 0.5s;\n}\n#tabs .tab-content {\n margin-bottom: -0.75rem;\n animation: fade-in-opacity 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: float-up 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;\n}\n#newsfeed .column:last-child {\n animation: float-up 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(44, 100%, 77%) !default\n$green: hsl(153, 53%, 53%) !default\n$turquoise: hsl(171, 100%, 41%) !default\n$cyan: hsl(207, 61%, 53%) !default\n$blue: hsl(229, 53%, 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: 9999px !default\n$speed: 86ms !default\n\n// Flags\n\n$variable-columns: true !default\n$rtl: false !default\n"]} \ No newline at end of file diff --git a/src/versions.json b/src/versions.json index 4a25218..18acec7 100644 --- a/src/versions.json +++ b/src/versions.json @@ -1,5 +1,5 @@ { - "1": "1646308502", + "1": "1646310430", "2": "1602515119", "3": "1602515119", "4": "1602515119",