@uva-glass/component-library/dist/assets/TimelineItem.css

React components UvA

:root{--gray-100: #faf9f9;--gray-200: #f5f4f4;--gray-300: #e7e5e4;--gray-400: #d6d3d1;--gray-500: #a8a19e;--gray-600: #78706c;--gray-700: #57514e;--gray-800: #433f3d;--gray-900: #282625;--uva-black: #000;--uva-white: #fff}._timeline__container_14ed5_20{align-items:flex-start;background-color:var(--uva-white);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:.25rem 1rem;width:100%}._timeline__button-container_14ed5_31{margin-bottom:-.25rem;margin-left:1.5rem}._timeline__button-container--active_14ed5_36{margin-bottom:.75rem}._timeline__list_14ed5_40{list-style:none;margin:0;padding:0;width:100%}._timeline__item_14ed5_47{display:flex;flex-direction:column;padding-bottom:1.25rem;position:relative;width:100%}._timeline__item_14ed5_47:empty{min-height:1rem}._timeline__item_14ed5_47:not(:last-child):before{background-color:var(--uva-black);border:none;bottom:-1.25rem;content:"";left:.25rem;position:absolute;top:.825rem;width:1px}._timeline__item_14ed5_47:last-child{padding-bottom:0}._timeline__item_14ed5_47:nth-last-child(2):before{bottom:-.5rem}._timeline__item--todo_14ed5_78:not(:last-child):before{background:repeating-linear-gradient(to bottom,transparent 0 4px,var(--gray-400) 4px 8px) 80%/2px 100% no-repeat}._timeline__item_14ed5_47:empty:before{top:-1rem}._timeline__item-title_14ed5_86{align-items:center;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);margin-bottom:.25rem;position:relative}._timeline__item-title_14ed5_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item--current_14ed5_106 ._timeline__item-title_14ed5_86{font-weight:var(--semibold)}._timeline__item--current_14ed5_106 ._timeline__item-title_14ed5_86:before{height:.5rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--todo_14ed5_78 ._timeline__item-title_14ed5_86:before{background-color:var(--gray-400)}._timeline__item--rejected_14ed5_121 ._timeline__item-title_14ed5_86:before{border-radius:0;height:.125rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--draft_14ed5_129:last-child ._timeline__item-title_14ed5_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item-label_14ed5_140,._timeline__item-dark-label_14ed5_141{color:var(--gray-700);font-size:var(--font-size-text-non-essential)}._timeline__item-dark-label_14ed5_141{color:var(--uva-black);margin-bottom:.25rem;margin-left:1.5rem}._timeline__item-card_14ed5_152{display:flex;flex-direction:column;margin-bottom:.125rem;margin-left:1.5rem;padding:.5rem 0}._timeline__item-card_14ed5_152 ._timeline__item-dark-label_14ed5_141{margin-left:0}._timeline__item--verified_14ed5_164 ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--rejected_14ed5_121{margin-bottom:-.25rem}._timeline__item--rejected_14ed5_121 ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--draft_14ed5_129{margin-bottom:.5rem}._timeline__item--draft_14ed5_129 ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--todo_14ed5_78 ._timeline__item-card_14ed5_152{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--submitted_14ed5_192:not(._timeline__item--todo_14ed5_78){margin-bottom:-.25rem}._timeline__item--submitted_14ed5_192:not(._timeline__item--todo_14ed5_78) ._timeline__item-card_14ed5_152{margin-top:-.25rem;padding:.125rem 0}._timeline__item--draft_14ed5_129:not(:last-child) ._timeline__item-card_14ed5_152{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--verified_14ed5_164{margin-bottom:-.25rem}._timeline__item--verified_14ed5_164 ._timeline__item-title_14ed5_86:after{background-color:var(--gray-200);color:var(--color-grey-500);content:attr(data-reason);font-size:var(--font-size-text-non-essential);margin-left:.5rem;padding:.25rem .5rem}