@macrostrat/column-components/dist/node/column-components.72790383.css.map

React rendering primitives for stratigraphic columns

{"mappings":"ACAA,2DAGA,mFAGA,iFAMA,yFAIA,mGAIA,2JAKA,2EAIA,2HAOA,uEAKA,oDAKA,+GAMA,0CAGA,yEAIA,qEAKE,0GAME,0GAMA,4FAOA,6GAOA,0DAIA,qF,8BAUA,iHAQF,6CAKA,0DAME,iEAMA,uDAKA,kF,2DAcA,6DAQA,yCAKA,+CAKF,0EAKE,4EAKA,oG,oDAcF,uDAKE,0EAOA,mC,gC,uCAaF,sCAKE,mGASF,oCAKE,gD,4D,kC,8D,iC,wD","sources":["column-components.72790383.css","packages/column-components/src/main.module.scss"],"sourcesContent":[".column-notes_f7a323 .col-note-label_f7a323 {\n  cursor: pointer;\n}\n\n.column-notes_f7a323 .note-editor_f7a323.bp5-editable-text_f7a323 {\n  user-select: none;\n}\n\n.column-notes_f7a323 .note-editor_f7a323.bp5-editable-text_f7a323:before {\n  inset: 0;\n}\n\n.position-editor_f7a323 .handle_f7a323 {\n  background-color: #d2e9ff;\n  border: 1px solid #1e90ff;\n}\n\n.position-editor_f7a323 .add-span-handle_f7a323 {\n  background-color: #e9f4ff;\n  border: 1px dotted #1e90ff;\n}\n\n.position-editor_f7a323 .top-handle_f7a323, .position-editor_f7a323 .bottom-handle_f7a323, .position-editor_f7a323 .add-span-handle_f7a323 {\n  border-radius: 3px;\n}\n\n.note-editor_f7a323 .note-connector_f7a323 {\n  stroke: #1e90ff;\n  stroke-width: 3px;\n}\n\n.col-note-label_f7a323 {\n  border-left: 1px solid var(--note-color);\n  z-index: 15;\n  margin: 1px 0;\n  padding-left: .3em;\n  font-style: italic;\n}\n\ng.height-range_f7a323 line {\n  stroke: var(--note-color);\n  stroke-width: 1.2px;\n}\n\n.column-image_f7a323 {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.interval-editor-title_f7a323 {\n  justify-content: space-between;\n  align-items: middle;\n  flex-direction: row;\n  display: flex;\n}\n\n.interval-editor-title_f7a323 h3 {\n  margin: 0;\n}\n\n.interval-editor-title_f7a323 code {\n  font-family: monospace;\n  font-weight: 600;\n}\n\n.interval-editor-title_f7a323 .bp5-button {\n  transform: translate(0, -5px);\n}\n\n.column-axis_f7a323.y.axis line {\n  stroke: var(--column-stroke-color, var(--text-color, #000));\n  stroke-width: 2px;\n}\n\n.column-axis_f7a323.y.axis path {\n  stroke: var(--column-stroke-color, var(--text-color, #000));\n  stroke-width: 1px;\n}\n\n.column-axis_f7a323.y.axis text {\n  font-size: var(--column-axis-font-size, 12px);\n  font-weight: bold;\n}\n\ng.note, g.note-editor {\n  --note-color: var(--column-note-color, var(--column-stroke-color, var(--text-color, #000)));\n}\n\ng.note circle, g.note-editor circle {\n  fill: var(--note-color);\n}\n\ng.note .link, g.note-editor .link {\n  stroke: var(--note-color);\n  stroke-width: 1px;\n  fill: none;\n}\n\n.new-note circle {\n  fill: #1e90ff;\n}\n\n.new-note line {\n  stroke: #1e90ff;\n  stroke-width: 3px;\n  marker-start: url(\"#new_arrow_start\");\n  marker-end: url(\"#new_arrow_end\");\n}\n\n#new_arrow_start, #new_arrow_end {\n  fill: #1e90ff;\n}\n\ng.lithology-column use.frame {\n  stroke: #000;\n  stroke-width: 1px;\n}\n\ng.lithology-column rect.lithology {\n  stroke: #aaa;\n  stroke-width: .25pt;\n}\n\ng.lithology-column rect.lithology.definite {\n  stroke: #000;\n}\n\ng.lithology-column rect.covered-area {\n  fill: red;\n  fill-opacity: .2;\n  pointer-events: none;\n}\n\ng.covered-column rect.covered-area {\n  fill: red;\n  fill-opacity: 1;\n}\n\ndiv.section-outer {\n  flex-direction: row;\n  width: 100%;\n  display: flex;\n}\n\ndiv.section-outer svg.overlay {\n  z-index: 10;\n}\n\n.grainsize.axis.rotated text {\n  text-anchor: start;\n}\n\n.grainsize.axis.rotated text.top {\n  transform: translate(0, -2px)rotate(-60deg);\n}\n\n.grainsize.axis.rotated text.bottom {\n  transform: translate(0, 10px)rotate(60deg);\n}\n\n.grainsize.axis text {\n  text-anchor: middle;\n  font-family: Helvetica Neue;\n  font-size: 10px;\n  font-style: italic;\n}\n\n.grainsize.axis text.top {\n  transform: translate(0, -2px);\n}\n\n.grainsize.axis text.bottom {\n  transform: translate(0, 10px);\n}\n\n.grainsize.axis line {\n  stroke: #2191ff;\n  stroke-width: 1px;\n  stroke-dasharray: 2 2;\n}\n\n@media (prefers-color-scheme: dark) {\n  .grainsize.axis text {\n    fill: #fff;\n  }\n}\n\n.note.error {\n  background: #f003 !important;\n}\n\n.note.error p {\n  color: #fe0000 !important;\n}\n\ng.samples g.sample text {\n  alignment-baseline: middle;\n  text-anchor: end;\n  font-size: 10px;\n  font-style: italic;\n}\n\ng.samples g.sample circle {\n  fill: #000;\n}\n\ndiv.photo-dialog {\n  width: 90%;\n  height: 80vh;\n  top: 10vh;\n}\n\ndiv.photo-dialog div.image-gallery-image img {\n  max-width: 100%;\n}\n\nrect.symbol-column-area {\n  fill: none;\n}\n\ng.triangle-bars path {\n  fill: #aaa;\n  stroke: #888;\n  stroke-width: 1.5px;\n}\n\ndiv.Select-menu-outer {\n  z-index: 15;\n}\n\ndiv.edit-overlay div.cursor-container {\n  position: absolute;\n}\n\ndiv.edit-overlay div.cursor-container .bp5-popover-wrapper {\n  width: 80px;\n  display: block;\n}\n/*# sourceMappingURL=column-components.72790383.css.map */\n",".column-notes .col-note-label {\n  cursor: pointer;\n}\n.column-notes .note-editor.bp5-editable-text {\n  user-select: none;\n}\n.column-notes .note-editor.bp5-editable-text:before {\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.position-editor .handle {\n  background-color: #d2e9ff;\n  border: 1px solid #1e90ff;\n}\n.position-editor .add-span-handle {\n  background-color: #e9f4ff;\n  border: 1px dotted #1e90ff;\n}\n.position-editor .top-handle,\n.position-editor .bottom-handle,\n.position-editor .add-span-handle {\n  border-radius: 3px;\n}\n.note-editor .note-connector {\n  stroke: #1e90ff;\n  stroke-width: 3;\n}\n.col-note-label {\n  padding-left: 0.3em;\n  border-left: 1px solid var(--note-color);\n  margin: 1px 0;\n  font-style: italic;\n  z-index: 15;\n}\ng.height-range line {\n  stroke: var(--note-color);\n  stroke-width: 1.2px;\n}\n\n.column-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.interval-editor-title {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: middle;\n}\n.interval-editor-title h3 {\n  margin: 0;\n}\n.interval-editor-title code {\n  font-family: monospace;\n  font-weight: 600;\n}\n.interval-editor-title :global .bp5-button {\n  transform: translate(0, -5px);\n}\n\n.column-axis:global(.y.axis) {\n  line {\n    stroke: var(--column-stroke-color, var(--text-color, #000));\n    stroke-width: 2px;\n  }\n\n  path {\n    stroke: var(--column-stroke-color, var(--text-color, #000));\n    stroke-width: 1px;\n  }\n\n  text {\n    font-size: var(--column-axis-font-size, 12px);\n    font-weight: bold;\n  }\n}\n\n:global {\n  g.note,\n  g.note-editor {\n    --note-color: var(\n      --column-note-color,\n      var(--column-stroke-color, var(--text-color, #000))\n    );\n  }\n  g.note circle,\n  g.note-editor circle {\n    fill: var(--note-color);\n  }\n  g.note .link,\n  g.note-editor .link {\n    stroke: var(--note-color);\n    stroke-width: 1;\n    fill: none;\n  }\n  .new-note circle {\n    fill: #1e90ff;\n  }\n  .new-note line {\n    stroke: #1e90ff;\n    stroke-width: 3;\n    marker-start: url(\"#new_arrow_start\");\n    marker-end: url(\"#new_arrow_end\");\n  }\n  #new_arrow_start,\n  #new_arrow_end {\n    fill: #1e90ff;\n  }\n\n  g.lithology-column use.frame {\n    stroke: #000;\n    stroke-width: 1px;\n  }\n\n  g.lithology-column rect.lithology {\n    stroke: #aaa;\n    stroke-width: 0.25pt;\n  }\n\n  g.lithology-column rect.lithology.definite {\n    stroke: #000;\n  }\n\n  g.lithology-column rect.covered-area {\n    fill: #f00;\n    fill-opacity: 0.2;\n    pointer-events: none;\n  }\n\n  g.covered-column rect.covered-area {\n    fill: #f00;\n    fill-opacity: 1;\n  }\n\n  div.section-outer {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n  }\n\n  div.section-outer svg.overlay {\n    z-index: 10;\n  }\n\n  .grainsize.axis.rotated text {\n    text-anchor: start;\n  }\n\n  .grainsize.axis.rotated text.top {\n    transform: translate(0, -2px) rotate(-60deg);\n  }\n\n  .grainsize.axis.rotated text.bottom {\n    transform: translate(0, 10px) rotate(60deg);\n  }\n\n  .grainsize.axis text {\n    font-family: \"Helvetica Neue\";\n    text-anchor: middle;\n    font-size: 10;\n    font-style: italic;\n  }\n\n  .grainsize.axis text.top {\n    transform: translate(0, -2px);\n  }\n\n  .grainsize.axis text.bottom {\n    transform: translate(0, 10px);\n  }\n\n  .grainsize.axis line {\n    stroke: #2191ff;\n    stroke-width: 1px;\n    stroke-dasharray: 2, 2;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .grainsize.axis text {\n      fill: #fff;\n    }\n  }\n\n  .note.error {\n    background: rgba(255, 0, 0, 0.2) !important;\n  }\n\n  .note.error p {\n    color: #fe0000 !important;\n  }\n\n  g.samples g.sample text {\n    alignment-baseline: middle;\n    text-anchor: end;\n    font-size: 10px;\n    font-style: italic;\n  }\n\n  g.samples g.sample circle {\n    fill: #000;\n  }\n\n  div.photo-dialog {\n    width: 90%;\n    height: 80vh;\n    top: 10vh;\n  }\n\n  div.photo-dialog div.image-gallery-image img {\n    max-width: 100%;\n  }\n\n  rect.symbol-column-area {\n    fill: none;\n  }\n\n  g.triangle-bars path {\n    fill: #aaa;\n    stroke: #888;\n    stroke-width: 1.5px;\n  }\n\n  div.Select-menu-outer {\n    z-index: 15;\n  }\n\n  div.edit-overlay div.cursor-container {\n    position: absolute;\n  }\n\n  div.edit-overlay div.cursor-container .bp5-popover-wrapper {\n    display: block;\n    width: 80px;\n  }\n}\n"],"names":[],"version":3,"file":"column-components.72790383.css.map","sourceRoot":"../../../../"}