@macrostrat/column-components/dist/esm/column-components.c6a959ad.css.map

React rendering primitives for stratigraphic columns

{"mappings":"AAAA;;;;AAGA;;;;;AAGA;;;;AAMA;;;;;AAIA;;;;;AAIA;;;;AAKA;;;;;AAIA;;;;;;;;AAOA;;;;;AAKA;;;;;;AAKA;;;;;;;AAMA;;;;AAGA;;;;;AAIA;;;;AAKE;;;;;AAME;;;;;AAMA;;;;;AAOA;;;;AAOA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;AAQF;;;;AAKA;;;;;AAME;;;;;AAMA;;;;AAKA;;;;;;;;;;;AAcA;;;;;;AAQA;;;;AAKA;;;;AAKF;;;;AAKE;;;;AAKA;;;;;;;;;;;AAcF;;;;AAKE;;;;;;AAOA;;;;;;;;;;AAaF;;;;AAKE;;;;;;;AASF;;;;AAKE","sources":["packages/column-components/src/main.module.scss"],"sourcesContent":[".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.c6a959ad.css.map"}