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

React rendering primitives for stratigraphic columns

{"mappings":"ACAA,oDAKA,+GAMA,0CAGA,yEAIA,qEAKE,0GAME,0GAMA,uHAOA,6CAKA,qJ,iEAcA,uDAKF,kFAOE,2D,6D,yCAoBF,+CAIE,0E,4EAWF,oGAQI,oDAKF,uD,0E,mCAcF,gCAME,uCAKA,sC,mGAcA,oC,gD,4D,kC,yJ,iC,wD","sources":["column-components.fff715eb.css","packages/column-components/src/main.module.scss"],"sourcesContent":[".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: var(--column-font-weight, bold);\n}\n\n#new_arrow_start, #new_arrow_end {\n  fill: #1e90ff;\n}\n\ng.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\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: var(--triangle-bars-fill-color, #ccc);\n  stroke: var(--triangle-bars-stroke-color, #aaa);\n  stroke-width: var(--column-stroke-width, 1px);\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.fff715eb.css.map */\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: 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.fff715eb.css.map","sourceRoot":"../../../../"}