openstack-uicore-foundation/lib/css/components/inputs/upload-input-v2.css.map

ui reactjs components for openstack marketing site

{"version":3,"file":"css/components/inputs/upload-input-v2.css","mappings":"AACA,YACE,sBACF,CAEA,eAGE,wBAAyB,CAIzB,yBAA0B,CAH1B,iBAAkB,CAElB,WAAY,CADZ,gBAAiB,CAHjB,WAAY,CADZ,iBAMF,CAGA,wBACE,kBAAmB,CACnB,gBADF,CAKA,sBASE,UAAY,CALZ,oBAAqB,CAErB,oBAAuB,CACvB,iBAAkB,CALlB,iBACF,CASA,6BAWE,wBAAyB,CACzB,iBAAkB,CAHlB,UAAW,CAFX,WAAY,CAHZ,MAAO,CAFP,iBAAkB,CAClB,QAAS,CAGT,UALF,CAcA,4BAkBE,qBAAsB,CADtB,UAAW,CANX,cAAe,CACf,2BAA4B,CAV5B,cAAe,CAKf,SAAU,CAOV,kBAAmB,CAXnB,eAAgB,CAMhB,aAAc,CAJd,iBAAkB,CAQlB,gBAAiB,CAEjB,wBAAyB,CATzB,OALF,CAmBA,kCAWE,iDAAmD,CAAnD,kBAAmD,CAAnD,0BAAmD,CAJnD,QAAS,CAHT,SAAU,CAFV,iBAAkB,CAClB,QAAS,CAGT,OAfF,CAsBA,mCACE,eApBF,CAmBA,sCAKI,kBAAmB,CACnB,wBAAyB,CAHzB,YAAa,CACb,gCAAiC,CAGjC,UAnBJ,CAYA,wDAeQ,YAAa,CAHb,gBAAiB,CADjB,eAAgB,CAEhB,kBAAmB,CAGnB,WAAY,CAFZ,UAlBR,CAIA,iDAqBM,eAAgB,CAChB,eAtBN,oDA0BM,iBAvBN,C","sources":["webpack://openstack-uicore-foundation/./src/components/inputs/upload-input-v2/index.less"],"sourcesContent":["/* Filepicker CSS */\n.filepicker {\n  font-family: sans-serif;\n}\n\ndiv.filepicker {\n  text-align: center;\n  padding: 5px;\n  background-color: #E1E1E1;\n  border-radius: 5px;\n  min-height: 100px;\n  height: 100%;\n  border: 2px dashed #C7C7C7;\n}\n\ndiv.filepicker.disabled {\n  cursor: not-allowed;\n  padding-top: 30px;\n}\n\n/* Icon */\n.filepicker-file-icon\n{\n  position: relative;\n\n  display: inline-block;\n\n  margin: 1.5em 0 2.5em 0;\n  padding-left: 45px;\n\n  color: black;\n}\n\n.filepicker-file-icon::before\n{\n  position: absolute;\n  top: -7px;\n  left: 0;\n\n  width: 29px;\n  height: 34px;\n\n  content: '';\n\n  border: solid 2px #7F7F7F;\n  border-radius: 2px;\n}\n\n.filepicker-file-icon::after\n{\n  font-size: 11px;\n  line-height: 1.3;\n\n  position: absolute;\n  top: 9px;\n  left: -4px;\n\n  padding: 0 2px;\n\n  content: 'file';\n  content: attr(data-filetype);\n  text-align: right;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n\n  color: #fff;\n  background-color: #000;\n}\n.filepicker-file-icon .fileCorner\n{\n  position: absolute;\n  top: -7px;\n  left: 22px;\n\n  width: 0;\n  height: 0;\n\n  border-width: 11px 0 0 11px;\n  border-style: solid;\n  border-color: white transparent transparent #920035;\n}\n.upload-input-v2-preview-container{\n  list-style: none;\n  li {\n    display: grid;\n    grid-template-columns: 25% 70% 5%;\n    align-items: center;\n    border: 1px solid #E1E1E1;\n    margin: 1em;\n\n    .file-preview {\n      img {\n        max-width: 110px;\n        max-height: 100px;\n        object-fit: contain;\n        width: auto;\n        height: 100px;\n        padding: 1em;\n      }\n    }\n\n    .file-name {\n      margin-left: 2em;\n      text-align: left;\n    }\n\n    .file-delete {\n      text-align: center;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}