{"version":3,"sources":["timeline/timeline.scss","timeline/timeline-item.scss","timeline/_variables.scss","timeline/timeline-connector.scss","timeline/timeline-separator.scss","timeline/timeline-dot.scss","timeline/timeline-content.scss"],"names":[],"mappings":"AAEA,kBAEE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CADA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,qCAAA,CAAA,6BAAA,CCHF,yCDCE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YEKmB,CDNrB,uBAGE,4DCGmB,CDJnB,2CCImB,CDKb,+UACE,YAAA,CAON,mDACE,6BAAA,CAAA,6BAAA,CAAA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CAGE,yFACE,sBAAA,CAAA,mBAAA,CAAA,kCAAA,CAAA,0BAAA,CAGF,wFACE,oBAAA,CAAA,iBAAA,CAAA,gCAAA,CAAA,wBAAA,CAON,0DACE,6BAAA,CAAA,6BAAA,CAAA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CAGE,gGACE,sBAAA,CAAA,mBAAA,CAAA,kCAAA,CAAA,0BAAA,CAGF,+FACE,oBAAA,CAAA,iBAAA,CAAA,gCAAA,CAAA,wBAAA,CE5CV,4BACE,kBAAA,CACA,iKAAA,CADA,cAAA,CAAA,UAAA,CAAA,MACA,CAEA,iCACE,kSAAA,CAGF,oCACE,2SAAA,CCTJ,4BAGE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,sBAAA,CAAA,mBAAA,CADA,0BAAA,CAAA,kBAAA,CADA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAEA,kCAAA,CAAA,0BAAA,CAJA,iBAIA,CCIF,kDDPE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YCYA,CALF,sBAIE,yDAAA,CACA,iBAAA,CAFA,wCHWoB,CGZpB,uCAGA,CAGE,sCAEE,kEAnBgB,CAkBhB,UAlBgB,CAsBlB,wCACE,oEAvBgB,CAiBlB,sCAEE,qFAnBgB,CAkBhB,UAlBgB,CAsBlB,wCACE,uFAvBgB,CAiBlB,mCAEE,+EAnBgB,CAkBhB,UAlBgB,CAsBlB,qCACE,iFAvBgB,CAiBlB,sCAEE,sFAnBgB,CAkBhB,UAlBgB,CAsBlB,wCACE,wFAvBgB,CAiBlB,sCAEE,uFAnBgB,CAkBhB,UAlBgB,CAsBlB,wCACE,yFAvBgB,CAiBlB,qCAEE,kFAnBgB,CAkBhB,UAlBgB,CAsBlB,uCACE,oFAvBgB,CCgBtB,0BAEE,kBAAA,CADA,6BAAA,CAAA,qBAAA,CACA,cAAA,CAAA,UAAA,CAAA,MAAA,CACA,8CJVyB,CIYzB,sCACE,oBAAA,CAAA,iBAAA,CAAA,gCAAA,CAAA,wBAAA,CASE,uGACE,sBAhCqB,CAgCrB,mBAhCqB,CAgCrB,kCAhCqB,CAgCrB,0BAhCqB,CA+BvB,mEACE,uBAhCqB,CAgCrB,oBAhCqB,CAgCrB,8BAhCqB,CAgCrB,sBAhCqB,CA+BvB,gEACE,oBAhCqB,CAgCrB,iBAhCqB,CAgCrB,gCAhCqB,CAgCrB,wBAhCqB,CA+BvB,oEACE,wBAhCqB,CAgCrB,qBAhCqB,CAgCrB,qCAhCqB,CAgCrB,6BAhCqB,CA+BvB,mEACE,wBAhCqB,CAgCrB,oCAhCqB,CAgCrB,4BAhCqB,CAuCvB,gEACE,uBAhCkB,CAgClB,oBAhCkB,CAgClB,8BAhCkB,CAgClB,sBAhCkB,CA+BpB,iEACE,wBAhCkB,CAgClB,qBAhCkB,CAgClB,0BAhCkB,CAgClB,kBAhCkB,CA+BpB,8DACE,qBAhCkB,CAgClB,kBAhCkB,CAgClB,4BAhCkB,CAgClB,oBAhCkB,CA+BpB,mEACE,0BAhCkB,CAgClB,uBAhCkB,CAgClB,4BAhCkB,CAgClB,oBAhCkB,CA+BpB,kEACE,yBAhCkB,CAgClB,sBAhCkB,CAgClB,2BAhCkB,CAgClB,mBAhCkB","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}timeline {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n","@import \"./variables\";\n\n.#{$component-prefix}timeline-item {\n  display: flex;\n  min-height: $timeline-min-height;\n  font-size: $timeline-font-size;\n\n  &--right,\n  &--left,\n  &--alternate,\n  &--alternate-reverse {\n    &:last-child {\n      .#{$component-prefix}timeline-connector {\n        &:last-child {\n          display: none;\n        }\n      }\n    }\n  }\n\n  &--alternate {\n    &:nth-of-type(odd) {\n      flex-direction: row-reverse;\n\n      .#{$component-prefix}timeline-content {\n        &:first-child {\n          justify-content: flex-start;\n        }\n\n        &:last-child {\n          justify-content: flex-end;\n        }\n      }\n    }\n  }\n\n  &--alternate-reverse {\n    &:nth-of-type(even) {\n      flex-direction: row-reverse;\n\n      .#{$component-prefix}timeline-content {\n        &:first-child {\n          justify-content: flex-start;\n        }\n\n        &:last-child {\n          justify-content: flex-end;\n        }\n      }\n    }\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$timeline-color: var(--avatar-color, var(--white, $white));\n$timeline-background-color: var(--avatar-background-color, var(--gray-5, $gray-5));\n$timeline-border-color: var(--avatar-border-color, var(--white, $white));\n$timeline-border-width: var(--avatar-border-width, 2px * $hd);\n$timeline-font-weight: var(--avatar-font-weight, var(--font-weight-bold, $font-weight-bold));\n$timeline-font-size: var(--timeline-font-size, var(--font-size-md, $font-size-md));\n$timeline-min-height: var(--timeline-min-height, 70px * $hd);\n\n$timeline-content-padding: var(--timeline-content-padding, 0 16px * $hd);\n\n$timeline-connector-border-color: var(--timeline-connector-border-color, var(--gray-5, $gray-5));\n$timeline-connector-border-width: var(--timeline-connector-border-width, 2PX);\n$timeline-connector-border-style: var(--timeline-connector-border-style, solid);\n\n$timeline-top-connector-border-color: var(--timeline-top-connector-border-color, $timeline-connector-border-color);\n$timeline-top-connector-border-width: var(--timeline-top-connector-border-width, $timeline-connector-border-width);\n$timeline-top-connector-border-style: var(--timeline-top-connector-border-style, $timeline-connector-border-style);\n$timeline-bottom-connector-border-color: var(--timeline-bottom-connector-border-color, $timeline-connector-border-color);\n$timeline-bottom-connector-border-width: var(--timeline-bottom-connector-border-width, $timeline-connector-border-width);\n$timeline-bottom-connector-border-style: var(--timeline-bottom-connector-border-style, $timeline-connector-border-style);\n\n$timeline-dot-size: var(--timeline-dot-size, 12px * $hd);\n$timeline-dot-margin: var(--timeline-dot-margin, 6px * $hd 0);\n$timeline-dot-padding: var(--timeline-dot-padding, 4PX);\n$timeline-dot-border-width: var(--timeline-dot-border, 2PX);\n\n$timeline-dot-default-color: var(--timeline-dot-default-color, var(--gray-5, $gray-5));\n$timeline-dot-primary-color: var(--timeline-dot-primary-color, var(--primary-color, $primary-color));\n$timeline-dot-info-color: var(--timeline-dot-info-color, var(--info-color, $info-color));\n$timeline-dot-success-color: var(--timeline-dot-success-color, var(--success-color, $success-color));\n$timeline-dot-warning-color: var(--timeline-dot-warning-color, var(--warning-color, $warning-color));\n$timeline-dot-danger-color: var(--timeline-dot-danger-color, var(--danger-color, $danger-color));\n","@import \"./variables\";\n\n.#{$component-prefix}timeline-connector {\n  flex: 1;\n  border-right: $timeline-connector-border-width $timeline-connector-border-style $timeline-connector-border-color;\n\n  &--top {\n    border-right: $timeline-top-connector-border-width $timeline-top-connector-border-style $timeline-top-connector-border-color;\n  }\n\n  &--bottom {\n    border-right: $timeline-bottom-connector-border-width $timeline-bottom-connector-border-style $timeline-bottom-connector-border-color;\n  }\n}\n","@import \"./variables\";\n\n.#{$component-prefix}timeline-separator {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n}\n","@import \"./variables\";\n\n$timeline-dot-colors: (\n  \"default\" : $timeline-dot-default-color,\n  \"primary\" :$timeline-dot-primary-color,\n  \"info\" :$timeline-dot-info-color,\n  \"success\": $timeline-dot-success-color,\n  \"warning\": $timeline-dot-warning-color,\n  \"danger\": $timeline-dot-danger-color\n);\n\n.#{$component-prefix}timeline-dot {\n  display: flex;\n  padding: $timeline-dot-padding;\n  margin: $timeline-dot-margin;\n  border: $timeline-dot-border-width solid transparent;\n  border-radius: 50%;\n\n  @each $color-name, $color-value in $timeline-dot-colors {\n    &--filled-#{$color-name} {\n      color: $white;\n      background: $color-value;\n    }\n\n    &--outlined-#{$color-name} {\n      border-color: $color-value;\n    }\n  }\n}\n","@import \"./variables\";\n\n$timeline-content-justifies: (\n  \"start\":flex-start,\n  \"center\": center,\n  \"end\": flex-end,\n  \"between\": space-between,\n  \"around\": space-around\n);\n\n$timeline-content-aligns: (\n  \"start\":flex-start,\n  \"center\": center,\n  \"end\": flex-end,\n  \"baseline\": baseline,\n  \"stretch\": stretch\n);\n\n.#{$component-prefix}timeline-content {\n  box-sizing: border-box;\n  flex: 1;\n  padding: $timeline-content-padding;\n\n  &:first-child {\n    justify-content: flex-end;\n  }\n\n  &:last-child {\n    justify-content: flex-start;\n  }\n\n  &.#{$component-prefix}timeline-content--justify {\n    @each $justify-name, $justify-value in $timeline-content-justifies {\n      &-#{$justify-name} {\n        justify-content: $justify-value;\n      }\n    }\n  }\n\n  &.#{$component-prefix}timeline-content--align {\n    @each $align-name, $align-value in $timeline-content-aligns {\n      &-#{$align-name} {\n        align-items: $align-value;\n      }\n    }\n  }\n}\n"]}