funtask-three-gltf-viewer/views/style.e308ff8e.css.map

Preview glTF models using three.js and a drag-and-drop interface.

{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"style.e308ff8e.css","sourceRoot":"..","sourcesContent":["html, body {\r\n  margin: 0;\r\n  padding: 0;\r\n  font-family: 'Raleway', sans-serif;\r\n  background: #F5F5F5;\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.wrap {\r\n  display: flex;\r\n  width: 100vw;\r\n  flex-grow: 1;\r\n  position: relative;\r\n}\r\n\r\n.dropzone {\r\n  display: flex;\r\n  flex-grow: 1;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.placeholder {\r\n  width: 100%;\r\n  max-width: 500px;\r\n  border-radius: 0.5em;\r\n  background: #EEE;\r\n  padding: 2em;\r\n  text-align: center;\r\n}\r\n\r\n.placeholder p {\r\n  font-size: 1.2rem;\r\n  color: #999;\r\n}\r\n\r\n.viewer {\r\n  width: 100%;\r\n  height: 100%;\r\n  flex-grow: 1;\r\n  flex-shrink: 1;\r\n  position: absolute;\r\n  top: 0;\r\n  z-index: 0;\r\n}\r\n\r\n.axes {\r\n    width: 100px;\r\n    height: 100px;\r\n    margin: 20px;\r\n    padding: 0px;\r\n    position: absolute;\r\n    left: 0px;\r\n    bottom: 0px;\r\n    z-index: 10;\r\n    pointer-events: none;\r\n}\r\n\r\n/******************************************************************************\r\n * Header\r\n */\r\n\r\nheader {\r\n  display: flex;\r\n  background: #353535;\r\n  padding: 0 2em;\r\n  height: 4rem;\r\n  line-height: 4rem;\r\n  align-items: center;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  white-space: nowrap;\r\n  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);\r\n  z-index: 1;\r\n\r\n  -webkit-app-region: drag;\r\n}\r\n\r\nheader h1,\r\nheader .item,\r\nheader .separator {\r\n  color: #F5F5F5;\r\n  font-weight: 300;\r\n  line-height: 4rem;\r\n  margin: 0;\r\n}\r\n\r\nheader h1 {\r\n  font-size: 1.4rem;\r\n}\r\n\r\nheader h1 > a {\r\n  color: inherit;\r\n  font-size: inherit;\r\n  text-decoration: inherit;\r\n}\r\n\r\nheader .item {\r\n  padding: 0 1em;\r\n  font-size: 0.8rem;\r\n  text-decoration: none;\r\n  transition: background ease 0.2s;\r\n\r\n  -webkit-app-region: no-drag;\r\n}\r\n\r\nheader .item:hover {\r\n  background: #444;\r\n}\r\n\r\nheader button.item {\r\n  height: 34px;\r\n  line-height: 35px;\r\n  padding: 0 1em;\r\n  border: 0;\r\n  background: #ffc107;\r\n  color: #333;\r\n  font-weight: 500;\r\n  border-radius: 2px;\r\n  cursor: pointer;\r\n}\r\n\r\nheader button.item:hover {\r\n  color: #000;\r\n}\r\n\r\nheader .separator {\r\n  margin: 0 0.2em;\r\n  opacity: 0.2;\r\n}\r\n\r\nheader h1 + .separator {\r\n  margin-left: 1em;\r\n}\r\n\r\n.flex-grow {\r\n  flex-grow: 1;\r\n}\r\n\r\n.gui-wrap {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.gui-wrap > .main {\r\n  pointer-events: all;\r\n  max-height: 100%;\r\n  overflow: auto;\r\n}\r\n\r\n.dg li.gui-stats:not(.folder) {\r\n  height: auto;\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n  header h1 {\r\n    font-size: 1em;\r\n  }\r\n\r\n  .layout-md {\r\n    display: none;\r\n  }\r\n}\r\n\r\n/******************************************************************************\r\n * Upload Button\r\n *\r\n * https://tympanus.net/Tutorials/CustomFileInputs/\r\n */\r\n\r\n.upload-btn {\r\n  margin-top: 2em;\r\n}\r\n\r\n.upload-btn input {\r\n  width: 0.1px;\r\n  height: 0.1px;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n\r\n.upload-btn label {\r\n  color: #353535;\r\n  border: 0;\r\n  border-radius: 3px;\r\n  transition: ease 0.2s background;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  padding: 0.625rem 1.25rem;\r\n}\r\n\r\n.upload-btn label:hover {\r\n  background: #DDD;\r\n}\r\n\r\n.upload-btn svg {\r\n  width: 1em;\r\n  height: 1em;\r\n  vertical-align: middle;\r\n  fill: currentColor;\r\n  margin-top: -0.25em;\r\n  margin-right: 0.25em;\r\n}\r\n\r\n\r\n/******************************************************************************\r\n * Validation report\r\n */\r\n\r\n.report {\r\n  padding: 2em;\r\n  max-width: 860px;\r\n}\r\n\r\n.report h1 {\r\n  margin-top: 0;\r\n}\r\n\r\n.report p,\r\n.report ul {\r\n  line-height: 1.5em;\r\n}\r\n\r\n.report-table {\r\n  text-align: left;\r\n  border-collapse: collapse;\r\n  width: 100%;\r\n}\r\n\r\n.report-table thead tr {\r\n  background: #404040;\r\n  color: #FFF;\r\n}\r\n\r\n.report-table th,\r\n.report-table td {\r\n  padding: 0.5em 1em;\r\n}\r\n\r\n.report-table tr:nth-child(2n) {\r\n  background: #F0F0F0;\r\n}\r\n\r\n/******************************************************************************\r\n * Validation toggle\r\n */\r\n\r\n.report-toggle-wrap.hidden { display: none; }\r\n\r\n.report-toggle {\r\n  cursor: pointer;\r\n  display: flex;\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 20px;\r\n  height: 30px;\r\n  box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.25);\r\n  background: #FFF;\r\n  box-sizing: border-box;\r\n\r\n  color: #f0f0f0;\r\n  background: #000;\r\n  border-left: 6px solid #000;\r\n}\r\n\r\n.report-toggle.level-1 { color: #444; background: #ffeda0; border-left-color: #feb24c; }\r\n.report-toggle.level-0 { color: #444; background: #f4c2be; border-left-color: #b10026; }\r\n\r\n.report-toggle-text {\r\n  line-height: 32px;\r\n  padding: 0 0.5em;\r\n  font-weight: 300;\r\n  font-size: 0.8em;\r\n}\r\n\r\n.report-toggle-close {\r\n  width: 30px;\r\n  height: 30px;\r\n  line-height: 30px;\r\n  font-size: 1.5em;\r\n  text-align: center;\r\n}\r\n\r\n/******************************************************************************\r\n * CSS Spinner\r\n *\r\n * http://tobiasahlin.com/spinkit/\r\n */\r\n\r\n.spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  margin: -20px;\r\n\r\n  background-color: #333;\r\n\r\n  border-radius: 100%;\r\n  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;\r\n  animation: sk-scaleout 1.0s infinite ease-in-out;\r\n}\r\n\r\n@-webkit-keyframes sk-scaleout {\r\n  0% { -webkit-transform: scale(0) }\r\n  100% {\r\n    -webkit-transform: scale(1.0);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes sk-scaleout {\r\n  0% {\r\n    -webkit-transform: scale(0);\r\n    transform: scale(0);\r\n  } 100% {\r\n    -webkit-transform: scale(1.0);\r\n    transform: scale(1.0);\r\n    opacity: 0;\r\n  }\r\n}\r\n"]}