{"version":3,"sources":["timeline_item.pcss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB;EACE,kBAAkB;EAClB,aAAa;EACb,mDAAmD;EACnD,iDAAiD;;EAEjD,iBAAiB;AAgBnB;;AAfE;IACE,kBAAkB;IAClB,MAAM;IACN,SAAS;IACT,OAAO;IACP,cAAc;IACd,2CAA2C;IAC3C,WAAW;IACX,2CAA2C;EAC7C;;AAEA;IACE,0CAA0C;IAC1C,+CAA+C;EACjD;;AAGF;EACE,kBAAkB;EAClB,UAAU;EACV,aAAa;EACb,8CAA8C;EAC9C,+CAA+C;EAC/C,kEAAkE;EAClE,qEAAqE;EACrE,4BAA4B;EAC5B,mBAAmB;EACnB,gDAAgD;EAChD,8EAA8E;EAC9E,kBAAkB;EAClB,uBAAuB;EACvB,cAAc;AAChB;;AAEA;EACE,kCAAkC;EAClC,+CAA+C;EAC/C,6DAA6D;AAC/D;;AAEA;EACE,YAAY;EACZ,eAAe;EACf,mCAAmC;EACnC,4BAA4B;EAC5B,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,UAAU;EACV,8CAA8C;EAC9C,SAAS;EACT,8DAA8D;EAC9D,kBAAkB;EAClB,6CAA6C;EAC7C,SAAS;EACT,oFAAoF;AACtF;;AAEA;EACE,oCAAoC;EACpC,iBAAiB;;EAEjB,wDAAwD;AAa1D;;AAZE;IACE,oDAAoD;EACtD;;AAEA;IACE,iCAAiC;IACjC,mCAAmC;IACnC,sCAAsC;IACtC,4BAA4B;IAC5B,6CAA6C;IAC7C,SAAS;EACX","file":"timeline_item.css","sourcesContent":["/* TimelineItem */\n\n.TimelineItem {\n  position: relative;\n  display: flex;\n  padding: var(--yattho-stack-padding-normal, 16px) 0;\n  margin-left: var(--yattho-stack-gap-normal, 16px);\n\n  /* The Timeline */\n  &::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: var(--yattho-borderWidth-thick, 2px);\n    content: '';\n    background-color: var(--color-border-muted);\n  }\n\n  &:target .TimelineItem-badge {\n    border-color: var(--color-accent-emphasis);\n    box-shadow: 0 0 0.2em var(--color-accent-muted);\n  }\n}\n\n.TimelineItem-badge {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  width: var(--yattho-control-medium-size, 32px);\n  height: var(--yattho-control-medium-size, 32px);\n  margin-right: var(--yattho-controlStack-medium-gap-condensed, 8px);\n  margin-left: calc(var(--yattho-control-medium-size, 32px) / -2 + 1px);\n  color: var(--color-fg-muted);\n  align-items: center;\n  background-color: var(--color-timeline-badge-bg);\n  border: var(--yattho-borderWidth-thick, 2px) solid var(--color-canvas-default);\n  border-radius: 50%;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.TimelineItem-badge--success {\n  color: var(--color-fg-on-emphasis);\n  background-color: var(--color-success-emphasis);\n  border: var(--yattho-borderWidth-thin, 1px) solid transparent;\n}\n\n.TimelineItem-body {\n  min-width: 0;\n  max-width: 100%;\n  margin-top: var(--base-size-4, 4px);\n  color: var(--color-fg-muted);\n  flex: auto;\n}\n\n.TimelineItem-avatar {\n  position: absolute;\n  left: -72px;\n  z-index: 1;\n}\n\n.TimelineItem-break {\n  position: relative;\n  z-index: 1;\n  height: var(--yattho-stack-gap-spacious, 24px);\n  margin: 0;\n  margin-bottom: calc(var(--yattho-stack-gap-normal, 16px) * -1);\n  margin-left: -56px;\n  background-color: var(--color-canvas-default);\n  border: 0;\n  border-top: var(--yattho-borderWidth-thicker, 4px) solid var(--color-border-default);\n}\n\n.TimelineItem--condensed {\n  padding-top: var(--base-size-4, 4px);\n  padding-bottom: 0;\n\n  /* TimelineItem--condensed is often grouped. (commits) */\n  &:last-child {\n    padding-bottom: var(--yattho-stack-gap-normal, 16px);\n  }\n\n  & .TimelineItem-badge {\n    height: var(--base-size-16, 16px);\n    margin-top: var(--base-size-8, 8px);\n    margin-bottom: var(--base-size-8, 8px);\n    color: var(--color-fg-muted);\n    background-color: var(--color-canvas-default);\n    border: 0;\n  }\n}"]}