{"version":3,"sources":["blankslate.pcss"],"names":[],"mappings":"AAAA,eAAe;;AAEf;EACE,kBAAkB;EAClB,kCAAkC;EAClC,kBAAkB;AAkBpB;;AAhBE;IACE,4BAA4B;EAC9B;;AAEA;IACE,oBAAoB;IACpB,oDAAoD;IACpD,uCAAuC;IACvC,2EAA2E;IAC3E,qDAAqD;EACvD;;AAEA;IACE,WAAW;IACX,YAAY;EACd;;AAGF;EACE,kDAAkD;EAClD,qDAAqD;EACrD,iDAAiD;EACjD,4BAA4B;AAC9B;;AAEA;EACE,mDAAmD;AACrD;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,gDAAgD;AASlD;;AAPE;IACE,kDAAkD;EACpD;;AAEA;IACE,qDAAqD;EACvD;;AAGF;EACE,gGAAgG;AAClG;;AAEA;EACE,4DAA4D;AAC9D;;AAEA;EACE,gBAAgB;EAChB,cAAc;AAChB;;AAEA;wCACwC;;AAEtC;IACE,WAAW;IACX,YAAY;EACd;;AAEA;IACE,8CAA8C;;IAE9C,iGAAiG;IACjG,eAAe;EACjB;;AAEA;IACE,mDAAmD;EACrD;;AAGF;kDACkD;;AAClD;EACE,SAAS;AACX","file":"blankslate.css","sourcesContent":["/* blankslate */\n\n.blankslate {\n  position: relative;\n  padding: var(--base-size-32, 32px);\n  text-align: center;\n\n  & p {\n    color: var(--color-fg-muted);\n  }\n\n  & code {\n    padding: 2px 5px 3px;\n    font-size: var(--yattho-text-body-size-medium, 14px);\n    background: var(--color-canvas-default);\n    border: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n    border-radius: var(--yattho-borderRadius-medium, 6px);\n  }\n\n  & img {\n    width: 56px;\n    height: 56px;\n  }\n}\n\n.blankslate-icon {\n  margin-right: var(--yattho-control-small-gap, 4px);\n  margin-bottom: var(--yattho-stack-gap-condensed, 8px);\n  margin-left: var(--yattho-control-small-gap, 4px);\n  color: var(--color-fg-muted);\n}\n\n.blankslate-image {\n  margin-bottom: var(--yattho-stack-gap-normal, 16px);\n}\n\n.blankslate-heading {\n  margin-bottom: var(--base-size-4, 4px);\n}\n\n.blankslate-action {\n  margin-top: var(--yattho-stack-gap-normal, 16px);\n\n  &:first-of-type {\n    margin-top: var(--yattho-stack-gap-spacious, 24px);\n  }\n\n  &:last-of-type {\n    margin-bottom: var(--yattho-stack-gap-condensed, 8px);\n  }\n}\n\n.blankslate-capped {\n  border-radius: 0 0 var(--yattho-borderRadius-medium, 6px) var(--yattho-borderRadius-medium, 6px);\n}\n\n.blankslate-spacious {\n  padding: var(--base-size-80, 80px) var(--base-size-40, 40px);\n}\n\n.blankslate-narrow {\n  max-width: 485px;\n  margin: 0 auto;\n}\n\n/* was .large-format\n** QUESTION: should we deprecate this? */\n.blankslate-large {\n  & img {\n    width: 80px;\n    height: 80px;\n  }\n\n  & h3 {\n    margin: var(--yattho-stack-gap-normal, 16px) 0;\n\n    /* font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size? */\n    font-size: 24px;\n  }\n\n  & p {\n    font-size: var(--yattho-text-body-size-large, 16px);\n  }\n}\n\n/* was .clean-background\n** TO DO: deprecate this and use utility instead */\n.blankslate-clean-background {\n  border: 0;\n}"]}