{"version":3,"sources":["subhead.pcss"],"names":[],"mappings":"AAAA,YAAY;;AAEZ;EACE,aAAa;EACb,0DAA0D;EAC1D,mDAAmD;EACnD,kFAAkF;EAClF,mBAAmB;EACnB,yBAAyB,EAAE,gCAAgC;AAC7D;;AAEA,gFAAgF;;AAChF;EACE,qCAAqC;AACvC;;AAEA,+CAA+C;;AAC/C;EACE,eAAe;EACf,gDAAgD;EAChD,cAAc;EACd,QAAQ;AACV;;AAEA,qDAAqD;;AACrD;EACE,kDAAkD;EAClD,6BAA6B;AAC/B;;AAEA,iCAAiC;;AACjC;EACE,oDAAoD;EACpD,4BAA4B;EAC5B,YAAY;EACZ,QAAQ;AACV;;AAEA,mDAAmD;;AACnD;EACE,iFAAiF;EACjF,kBAAkB;EAClB,yBAAyB;EACzB,QAAQ;AAKV;;AAHE;IACE,mCAAmC;EACrC","file":"subhead.css","sourcesContent":["/* Subhead */\n\n.Subhead {\n  display: flex;\n  padding-bottom: var(--yattho-stack-padding-condensed, 8px);\n  margin-bottom: var(--yattho-stack-gap-normal, 16px);\n  border-bottom: var(--yattho-borderWidth-thin, 1px) solid var(--color-border-muted);\n  flex-flow: row wrap;\n  justify-content: flex-end; /* Keep actions right aligned. */\n}\n\n/* Modifier class to give a lot of breathing room between sections of content. */\n.Subhead--spacious {\n  margin-top: var(--base-size-40, 40px);\n}\n\n/* <h2> sized heading with normal font weight */\n.Subhead-heading {\n  font-size: 24px;\n  font-weight: var(--base-text-weight-normal, 400);\n  flex: 1 1 auto;\n  order: 0;\n}\n\n/* Make the text bold and red for dangerous content */\n.Subhead-heading--danger {\n  font-weight: var(--base-text-weight-semibold, 600);\n  color: var(--color-danger-fg);\n}\n\n/* One-liner of supporting text */\n.Subhead-description {\n  font-size: var(--yattho-text-body-size-medium, 14px);\n  color: var(--color-fg-muted);\n  flex: 1 100%;\n  order: 2;\n}\n\n/* Add 1 or 2 buttons to the right of the heading */\n.Subhead-actions {\n  margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px) var(--base-size-4, 4px);\n  align-self: center;\n  justify-content: flex-end;\n  order: 1;\n\n  & + .Subhead-description {\n    margin-top: var(--base-size-4, 4px);\n  }\n}"]}