feature-change-applier/static/css/main.2c3c53ec.chunk.css.map

{"version":3,"sources":["index.scss","../public/stylesheets/_variables.scss","App.css","PhonoChangeApplier.scss","Features.scss","Options.scss","Output.scss"],"names":[],"mappings":"AAEA,KACE,QAAS,CACT,gDAAsD,CACtD,wBCJmB,CDKnB,aCJe,CDAjB,oCAOI,wBCLuB,CDMvB,aCPmB,CDQnB,wBCTa,CDUb,+BAAmC,CAVvC,UAcI,+BAAmC,CEhBvC,KACE,iBACF,CAEA,UACE,aACF,CAEA,YACE,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BACF,CAEA,UACE,aACF,CCnBA,QACE,YAAa,CACb,WAAY,CACZ,kBAAmB,CAHrB,WAMI,aAAc,CACd,aAAc,CAPlB,WAWI,gBAAiB,CACjB,cAAgB,CAZpB,WAgBI,eAAgB,CAChB,cAAgB,CAChB,eAAgB,CAlBpB,+BAsBI,YAAa,CACb,UAAW,CACX,yBAA0B,CAC1B,uDAA0D,CAC1D,sDAAyD,CA1B7D,mCA6BM,UAAW,CACX,eAAgB,CAChB,UAAW,CACX,iBAAkB,CChCxB,aACE,aAAc,CADhB,kCAII,YAAa,CACb,6BAA8B,CALlC,iEAQM,YAAa,CACb,uDAA0D,CAThE,oDAaM,eAAgB,CAbtB,kBAkBI,YAAa,CACb,gBAAiB,CAnBrB,wBAsBM,WAAa,CACb,aAAc,CCvBpB,iBAGI,YAAa,CACb,uBAAwB,CCJ5B,iCAGI,YAAa,CACb,kBAAmB,CAJvB,4BAQI,YAAa,CACb,gBAAiB,CATrB,sCAYM,YAAa,CACb,sDAAyD","file":"main.2c3c53ec.chunk.css","sourcesContent":["@import '../public/stylesheets/variables';\n\nbody {\n  margin: 0;\n  font-family: 'Catamaran', Arial, Helvetica, sans-serif;\n  background-color: map-get($colors, 'main--bg');\n  color: map-get($colors, 'main');\n  \n  textarea, input[type=\"text\"] {\n    background-color: map-get($colors, 'text-input--bg');\n    color: map-get($colors, 'text-input');\n    border: 1px solid map-get($colors, 'main');\n    font-family: 'Fira Code', monospace;\n  }\n\n  code {\n    font-family: 'Fira Code', monospace;\n  }\n\n}\n","$colors: (\n  \"main--bg\": #281734,\n  \"main\": #d5bfbf,\n  \"text-input\": #e8e22e,\n  \"text-input--bg\": #1d191a,\n  );",".App {\n  text-align: center;\n}\n\n.App-logo {\n  height: 40vmin;\n}\n\n.App-header {\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n}\n\n.App-link {\n  color: #09d3ac;\n}\n","div.App {\n  height: 100vh;\n  width: 100vw;\n  line-height: 1.25em;\n\n  h1 {\n    font-size: 2em;\n    padding: 1em 0;\n  }\n\n  h3 {\n    font-size: 1.25em;\n    padding: 0.5em 0;\n  }\n\n  h5 {\n    font-size: 1.1em;\n    padding: 0.1em 0;\n    font-weight: 800;\n  }\n\n  div.PhonoChangeApplier {\n    display: grid;\n    width: 100%;\n    place-items: center center;\n    grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));\n    grid-template-rows: repeat(auto-fill, minmax(300px, 1fr));\n    \n    div {\n      width: 100%;\n      max-height: 85vh;\n      margin: 1em;\n      overflow-y: scroll;\n    }\n  }\n}","div.Features {\n  max-width: 85%;\n\n  ul.Features__list li {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    span.feature--names-and-phones {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));\n    }\n\n    span.feature-name {\n      font-weight: 600;\n    }\n  }\n\n  form {\n    display: flex;\n    flex-flow: column;\n\n    input {\n      margin: 0.1em;\n      font-size: 1em;\n    }\n  }\n}","div.Options {\n\n  form {\n    display: flex;\n    flex-flow: column nowrap;\n  }\n\n}","div.Output {\n\n  div.Output__container {\n    display: flex;\n    flex-flow: row wrap;\n  }\n\n  div.Output-epoch {\n    display: flex;\n    flex-flow: column;\n\n    p.lexicon {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(5em, 1fr));\n    }\n  }\n\n}"]}