{"version":3,"sources":["../../../../src/nhsuk/components/task-list/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;;AAE9B,GAAG;AACH,sBAAsB;AACtB,EAAE;AACF,8BAA8B;AAC9B,6GAA6G;AAC7G,GAAG;;AAEH,yDAAyD;AACzD,4DAA4D;;AAE5D,oCAAoC;AACpC,2DAA2D;;AAE3D;EACE;IACE,aAAa;IACb,+CAA+C;IAC/C,8CAA8C;IAC9C,UAAU;IACV,qBAAqB;;IAErB,8BAA8B;IAC9B,6CAA6C;EAC/C;;EAEA,uGAAuG;EACvG,wFAAwF;EACxF,CAAC;EACD,4FAA4F;EAC5F,sEAAsE;EACtE;IACE,cAAc;;IAEd,kBAAkB;;IAElB,WAAW;IACX,gBAAgB;IAChB,4EAA4E;;IAE5E,sCAAsC;IACtC,qBAAqB;EACvB;;EAEA;IACE,qBAAqB;EACvB;;EAEA,yEAAyE;EACzE,+FAA+F;EAC/F,kCAAkC;EAClC;IACE,gBAAgB;IAChB,mBAAmB;IACnB,kDAAkD;IAClD,yCAAyC;EAC3C;;EAEA;IACE,aAAa;EACf;;EAEA;IACE,mBAAmB;IACnB,yBAAyB;IACzB,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;IACnB,8BAA8B;IAC9B,yBAAyB;IACzB,iBAAiB;IACjB,mBAAmB;EACrB;;EAEA,oCAAoC;EACpC;;IAEE,+CAA+C;IAC/C,iDAAiD;IACjD,gCAAgC;IAChC,qBAAqB;;IAErB,gEAAgE;EAClE;;EAEA,oCAAoC;EACpC;IACE,mCAAmC;EACrC;;EAEA,0FAA0F;EAC1F,8FAA8F;EAC9F,kBAAkB;EAClB;IACE,WAAW;;IAEX,cAAc;;IAEd,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;EACT;;EAEA;IACE,4BAA4B;IAC5B,mCAAmC;EACrC;AACF","file":"_index.scss","sourcesContent":["@use \"sass:color\";\n@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n\n////\n/// Task list component\n///\n/// @group components/task-list\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n////\n\n$nhsuk-task-list-hover-colour: $nhsuk-target-hover-colour;\n$nhsuk-task-list-hover-border-colour: nhsuk-colour(\"grey-3\");\n\n// @deprecated To be removed in v11.0\n$nhsuk-task-list-hover-color: $nhsuk-task-list-hover-colour;\n\n@include nhsuk-exports(\"nhsuk/components/task-list\") {\n  .nhsuk-task-list {\n    margin-top: 0;\n    margin-right: -$nhsuk-border-table-header-width;\n    margin-left: -$nhsuk-border-table-header-width;\n    padding: 0;\n    list-style-type: none;\n\n    @include nhsuk-font($size: 19);\n    @include nhsuk-responsive-margin(5, \"bottom\");\n  }\n\n  // This uses table layout so that the task name and status always appear side-by-side, with the width of\n  // each 'column' being flexible depending upon the length of the task names and statuses.\n  //\n  // The position is set to 'relative' so than an absolutely-positioned transparent element box\n  // can be added within the link so that the whole row can be clickable.\n  .nhsuk-task-list__item {\n    display: table;\n\n    position: relative;\n\n    width: 100%;\n    margin-bottom: 0;\n    padding: nhsuk-spacing(2, $adjustment: 4px) $nhsuk-border-table-header-width;\n\n    border: 1px solid $nhsuk-border-colour;\n    border-width: 0 0 1px;\n  }\n\n  .nhsuk-task-list__item:first-child {\n    border-top-width: 1px;\n  }\n\n  // This class is added to the <li> elements where the task name is a link.\n  // The background hover colour is added to help indicate that the whole row is clickable, rather\n  // than just the visible link text.\n  .nhsuk-task-list__item--with-link:hover {\n    margin-top: -1px;\n    border-width: 1px 0;\n    border-color: $nhsuk-task-list-hover-border-colour;\n    background: $nhsuk-task-list-hover-colour;\n  }\n\n  .nhsuk-task-list__item--with-link:first-child:hover {\n    margin-top: 0;\n  }\n\n  .nhsuk-task-list__name-and-hint {\n    display: table-cell;\n    color: $nhsuk-text-colour;\n    vertical-align: top;\n  }\n\n  .nhsuk-task-list__status {\n    display: table-cell;\n    padding-left: nhsuk-spacing(2);\n    color: $nhsuk-text-colour;\n    text-align: right;\n    vertical-align: top;\n  }\n\n  // Deprecated, to be removed in v11.0\n  .nhsuk-task-list__status--completed,\n  .nhsuk-task-list__status--cannot-start-yet {\n    padding-top: nhsuk-spacing(1, $adjustment: 2px);\n    padding-right: nhsuk-spacing(2, $adjustment: 1px);\n    padding-bottom: nhsuk-spacing(1);\n    text-decoration: none;\n\n    @include nhsuk-font($size: 16, $weight: normal, $line-height: 1);\n  }\n\n  // Deprecated, to be removed in v11.0\n  .nhsuk-task-list__status--cannot-start-yet {\n    color: $nhsuk-secondary-text-colour;\n  }\n\n  // This adds an empty transparent box covering the whole row, including the task status and\n  // any hint text. Because this is generated within the link element, this allows the whole area\n  // to be clickable.\n  .nhsuk-task-list__link::after {\n    content: \"\";\n\n    display: block;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n\n  .nhsuk-task-list__hint {\n    margin-top: nhsuk-spacing(1);\n    color: $nhsuk-secondary-text-colour;\n  }\n}\n"]}