{"version":3,"sources":["../../../../src/moj/components/timeline/_timeline.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,+BAA+B;EAC/B,gBAAgB;;EAEhB;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,UAAU;IACV,YAAY;IACZ,gDAAgD;EAClD;AACF;;AAEA;EACE,gBAAgB;;EAEhB;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE,kBAAkB;EAClB,gCAAgC;EAChC,8BAA8B;;EAE9B;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,WAAW;IACX,WAAW;IACX,gDAAgD;EAClD;AACF;;AAEA;EACE,eAAe;EACf,6CAA6C;AAC/C;;AAEA;EACE,eAAe;EACf,SAAS;EACT,8CAA8C;EAC9C,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,gBAAgB;EAChB,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,8BAA8B;AAChC;;AAEA;;+EAE+E;;AAE/E;EACE,gBAAgB;EAChB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;;EAE/B;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,kBAAkB;;EAElB;IACE,cAAc;EAChB;AACF;;AAEA;EACE,8BAA8B;EAC9B,2DAA2D;EAC3D,4BAA4B;EAC5B,0BAA0B;EAC1B,0BAA0B;;EAE1B;IACE,4BAA4B,EAAE,gDAAgD;EAChF;AACF","file":"_timeline.scss","sourcesContent":["@use \"../../settings/assets\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #TIMELINE\n   ========================================================================== */\n\n.moj-timeline {\n  position: relative;\n  margin-bottom: govuk-spacing(4);\n  overflow: hidden;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: govuk-spacing(2);\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background-color: govuk-functional-colour(brand);\n  }\n}\n\n.moj-timeline--full {\n  margin-bottom: 0;\n\n  &::before {\n    height: calc(100% - 75px);\n  }\n}\n\n.moj-timeline__item {\n  position: relative;\n  padding-bottom: govuk-spacing(6);\n  padding-left: govuk-spacing(4);\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: govuk-spacing(2);\n    left: 0;\n    width: 15px;\n    height: 5px;\n    background-color: govuk-functional-colour(brand);\n  }\n}\n\n.moj-timeline__title {\n  display: inline;\n  @include govuk-font($size: 19, $weight: bold);\n}\n\n.moj-timeline__byline {\n  display: inline;\n  margin: 0;\n  color: govuk-functional-colour(secondary-text);\n  @include govuk-font($size: 19);\n}\n\n.moj-timeline__date {\n  margin-top: govuk-spacing(1);\n  margin-bottom: 0;\n  @include govuk-font($size: 16);\n}\n\n.moj-timeline__description {\n  margin-top: govuk-spacing(4);\n  @include govuk-font($size: 19);\n}\n\n/* ==========================================================================\n   #TIMELINE DOCUMENT STYLES – FOR BACKWARDS COMPATIBILITY\n   ========================================================================== */\n\n.moj-timeline__documents {\n  margin-bottom: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.moj-timeline__document-item {\n  margin-bottom: govuk-spacing(1);\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.moj-timeline__document-icon {\n  margin-top: 4px;\n  margin-right: 4px;\n  float: left;\n  fill: currentcolor;\n\n  @media screen and (forced-colors: active) {\n    fill: linkText;\n  }\n}\n\n.moj-timeline__document-link {\n  padding-left: govuk-spacing(5);\n  background-image: url(#{$moj-images-path}icon-document.svg);\n  background-repeat: no-repeat;\n  background-position: 0 50%;\n  background-size: 20px 16px;\n\n  &:focus {\n    color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n  }\n}\n"]}