style.8ac8582e.css.map

{"version":3,"sources":["basics.css","style.css"],"names":[],"mappings":"AAAA,EACE,qBACF,CAEA,WACE,wBAA2B,CAC3B,+CACF,CAEA,MACE,uBAAmC,CACnC,4BAA4C,CAC5C,mBAAoB,CAEpB,2BAAoC,CACpC,6BAAmC,CACnC,sBAAmC,CACnC,sEAA4E,CAE5E,YAAa,CAEb,qBAA0B,CAC1B,kBACF,CAEA,wBAEE,yCAA0C,CAC1C,4BAA6B,CAC7B,cAAe,CACf,aACF,CC5BA,SACE,cAAe,CACf,aAAc,CACd,WACF,CAEA,QACE,oBAAqB,CACrB,sBAAuB,CACvB,8BAA+B,CAC/B,SAAU,CACV,iBAAkB,CAClB,qBAAsB,CACtB,6BAA8B,CAC9B,eACF,CAEA,cAEE,6CAAqB,CACrB,kBAAmB,CACnB,cAAe,CACf,gBAAiB,CACjB,iBAAkB,CAClB,gCACF,CACA,iCAEE,QACF,CACA,gBACE,aACF,CACA,iBACE,cACF,CACA,mBACE,oBACF,CACA,YACE,UAAW,CACX,WAAY,CACZ,gBACF,CAEA,IACE,aACF","file":"style.8ac8582e.css","sourceRoot":"src","sourcesContent":["* {\n  box-sizing: border-box;\n}\n\n@font-face {\n  font-family: \"Blender-book\";\n  src: url(\"../blenderpro-book-webfont.woff\");\n}\n\n:root {\n  --header-colour: hsl(199, 100%, 9%);\n  --header-text-colour: hsla(175, 84%, 45%, 1);\n  --header-height: 5em;\n\n  --background-colour: hsl(0, 0%, 97%);\n  --tile-colour: hsla(0, 0%, 0%, 0.1);\n  --alert-colour: hsl(166, 100%, 50%);\n  --fontStack: \"Blender-book\", \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n\n  --edge: 0.5em;\n\n  --tile-dim: calc(98vw / 6);\n  --tile-dim-min: 7em;\n}\n\nbody,\ndiv.flowspace#root {\n  background-color: var(--background-colour);\n  font-family: var(--fontStack);\n  font-size: 24px;\n  margin: 0 auto;\n}\n","@import \"./stylesheets/basics.css\";\n@import \"./stylesheets/layout-grid.css\";\n\n.writing {\n  max-width: 30em;\n  margin: 0 auto;\n  padding: 1em;\n}\n\n.person {\n  display: inline-block;\n  height: var(--tile-dim);\n  min-height: var(--tile-dim-min);\n  padding: 0;\n  position: relative;\n  width: var(--tile-dim);\n  min-width: var(--tile-dim-min);\n  overflow: hidden;\n}\n\n.person .info {\n  /* height: calc(100% - var(--edge) * 2); */\n  background: #ffffff78;\n  bottom: var(--edge);\n  display: inline;\n  left: var(--edge);\n  position: absolute;\n  width: calc(100% - (var(--edge) * 2));\n}\n.person .info p,\n.person .info h1 {\n  margin: 0;\n}\n.person .info p {\n  font-size: 70%;\n}\n.person .info h1 {\n  font-size: 110%;\n}\n.person .info h1 a {\n  text-decoration: none;\n}\n.person img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\npre {\n  font-size: 45%;\n}\n"]}