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

React rendering primitives for stratigraphic columns

{"mappings":"AAAA;;;;;;AAKA;;;;;;;AAMA;;;;AAGA;;;;;AAIA;;;;AAKE;;;;;AAME;;;;;AAMA;;;;;AAOA;;;;AAKA;;;;;;;;;;;AAcA;;;;AAKF;;;;;;AAOE;;;;;;;;;;;;;;;AAoBF;;;;AAIE;;;;;;;;AAWF;;;;;;;AAQI;;;;AAKF;;;;;;;;;;;EAcF;;;;;AAME;;;;AAKA;;;;;;;;;;;AAcA","sources":["packages/column-components/src/main.module.scss"],"sourcesContent":[".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: var(--column-font-weight, bold);\n  }\n}\n\n:global {\n  #new_arrow_start,\n  #new_arrow_end {\n    fill: #1e90ff;\n  }\n\n  g.lithology-column .column-clip-frame {\n    stroke: var(--column-stroke-color, var(--text-color, #000));\n    stroke-width: var(--column-stroke-width, 1px);\n    fill: none;\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: var(--triangle-bars-fill-color, #ccc);\n    stroke: var(--triangle-bars-stroke-color, #aaa);\n    stroke-width: var(--column-stroke-width, 1px);\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.f45a04a8.css.map"}