{"version":3,"sources":["flash.pcss"],"names":[],"mappings":"AAAA,UAAU;;AAEV,kBAAkB;;AAClB;EACE,kBAAkB;EAClB,4FAA4F;EAC5F,mBAAmB;EACnB,iDAAiD;EACjD,qDAAqD;;EAErD,kBAAkB;EAClB,8BAA8B;EAC9B,yFAAyF;EACzF,uCAAuC;AAUzC;;AARE;IACE,6BAA6B;IAC7B,uCAAuC;EACzC;;AAEA;IACE,gBAAgB;EAClB;;AAGF,+BAA+B;;AAC/B;EACE,qDAAqD;AACvD;;AAEA,iBAAiB;;AACjB;EACE,YAAY;EACZ,kEAAkE;EAClE,4EAA4E;EAC5E,kBAAkB;EAClB,eAAe;;EAEf,2BAA2B;EAC3B,gBAAgB;EAChB,SAAS;EACT,wBAAgB;UAAhB,gBAAgB;AAalB;;AAXE;IACE,YAAY;EACd;;AAEA;IACE,YAAY;EACd;;AAEA;IACE,eAAe;EACjB;;AAGF,kBAAkB;;AAClB;EACE,YAAY;EACZ,gBAAgB;EAChB,mDAAmD;EACnD,4BAA4B;AAc9B;;AAZE;IACE,kDAAkD;IAClD,4BAA4B;EAC9B;;AAEA;IACE,2BAA2B;EAK7B;;AAHE;MACE,cAAc;IAChB;;AAKJ,qBAAqB;;AAErB;EACE,8BAA8B;EAC9B,+FAA+F;EAC/F,0CAA0C;AAK5C;;AAHE;IACE,gCAAgC;EAClC;;AAGF;EACE,8BAA8B;EAC9B,yFAAyF;EACzF,uCAAuC;AAKzC;;AAHE;IACE,6BAA6B;EAC/B;;AAGF;EACE,8BAA8B;EAC9B,2FAA2F;EAC3F,wCAAwC;AAK1C;;AAHE;IACE,8BAA8B;EAChC;;AAGF,sBAAsB;;AAEtB;EACE,0DAA0D;EAC1D,mDAAmD;EACnD,gBAAgB;AAClB;;AAEA,8CAA8C;;AAC9C;EACE,eAAe;EACf,MAAM;EACN,WAAW;EACX,WAAW;EACX,aAAa;EACb,eAAe;EACf,cAAc;EACd,gBAAgB;AAClB;;AAEA,wEAAwE;;AACxE;;EAEE,6CAA6C;AAC/C;;AAEA,yBAAyB;;AACzB;EACE,cAAc;EACd,oBAAoB;EACpB,kDAAkD;EAClD,+CAA+C;AACjD","file":"flash.css","sourcesContent":["/* flash */\n\n/* Default flash */\n.flash:not(.Banner) {\n  position: relative;\n  padding: var(--base-size-20, 20px) var(--yattho-control-medium-paddingInline-spacious, 16px);\n  border-style: solid;\n  border-width: var(--yattho-borderWidth-thin, 1px);\n  border-radius: var(--yattho-borderRadius-medium, 6px);\n\n  /* Default color */\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));\n  border-color: var(--color-accent-muted);\n\n  & .octicon {\n    color: var(--color-accent-fg);\n    margin-right: var(--base-size-12, 12px);\n  }\n\n  & p:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/* Contain the flash messages */\n.flash-messages {\n  margin-bottom: var(--yattho-stack-gap-spacious, 24px);\n}\n\n/* Close button */\n.flash-close:not(.Banner-close) {\n  float: right;\n  padding: var(--yattho-control-medium-paddingInline-spacious, 16px);\n  margin: calc(var(--yattho-control-medium-paddingInline-spacious, 16px) * -1);\n  text-align: center;\n  cursor: pointer;\n\n  /* Undo `<button>` styles */\n  background: none;\n  border: 0;\n  appearance: none;\n\n  &:hover {\n    opacity: 0.7;\n  }\n\n  &:active {\n    opacity: 0.5;\n  }\n\n  & .octicon {\n    margin-right: 0;\n  }\n}\n\n/* Action button */\n.flash-action:not(.Banner-actions) {\n  float: right;\n  margin-top: -3px;\n  margin-left: var(--yattho-stack-gap-spacious, 24px);\n  background-clip: padding-box;\n\n  &.btn .octicon {\n    margin-right: var(--yattho-control-small-gap, 4px);\n    color: var(--color-fg-muted);\n  }\n\n  &.btn-primary {\n    background-clip: border-box;\n\n    & .octicon {\n      color: inherit;\n    }\n  }\n}\n\n\n/* Color variations */\n\n.flash-warn:not(.Banner) {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));\n  border-color: var(--color-attention-muted);\n\n  & .octicon {\n    color: var(--color-attention-fg);\n  }\n}\n\n.flash-error:not(.Banner) {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));\n  border-color: var(--color-danger-muted);\n\n  & .octicon {\n    color: var(--color-danger-fg);\n  }\n}\n\n.flash-success:not(.Banner) {\n  color: var(--color-fg-default);\n  background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle));\n  border-color: var(--color-success-muted);\n\n  & .octicon {\n    color: var(--color-success-fg);\n  }\n}\n\n/* Layout variations */\n\n.flash-full:not(.Banner) {\n  margin-top: calc(var(--yattho-borderWidth-thin, 1px) * -1);\n  border-width: var(--yattho-borderWidth-thin, 1px) 0;\n  border-radius: 0;\n}\n\n/* A banner rendered at the top of the page. */\n.flash-banner {\n  position: fixed;\n  top: 0;\n  z-index: 90;\n  width: 100%;\n  border-top: 0;\n  border-right: 0;\n  border-left: 0;\n  border-radius: 0;\n}\n\n/* Makes sure the background is opaque to cover any content underneath */\n.flash-full,\n.flash-banner {\n  background-color: var(--color-canvas-default);\n}\n\n/* FIXME deprecate this */\n.warning {\n  padding: 0.5em;\n  margin-bottom: 0.8em;\n  font-weight: var(--base-text-weight-semibold, 600);\n  background-color: var(--color-attention-subtle);\n}"]}