{"version":3,"sources":["../../../../src/govuk/components/summary-list/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/summary-list\") {\n  .govuk-summary-list {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-media-query($from: tablet) {\n      display: table;\n      width: 100%;\n      table-layout: fixed; // Required to allow us to wrap words that overflow.\n      border-collapse: collapse;\n    }\n    margin: 0; // Reset default user agent styles\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-summary-list__row {\n    border-bottom: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n    @include govuk-media-query($from: tablet) {\n      display: table-row;\n    }\n  }\n\n  // Remove right padding from the last column in the row\n  .govuk-summary-list__row:not(.govuk-summary-list__row--no-actions) > :last-child {\n    padding-right: 0;\n  }\n\n  // Provide an empty 'cell' for rows that don't have actions – otherwise the\n  // bottom border is not drawn for that part of the row in some browsers.\n  .govuk-summary-list__row--no-actions {\n    @include govuk-media-query($from: tablet) {\n      &::after {\n        content: \"\";\n        display: table-cell;\n        width: 20%;\n      }\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value,\n  .govuk-summary-list__actions {\n    margin: 0; // Reset default user agent styles\n\n    @include govuk-media-query($from: tablet) {\n      display: table-cell;\n      padding-top: govuk-spacing(2);\n      padding-right: govuk-spacing(4);\n      padding-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-summary-list__actions {\n    margin-bottom: govuk-spacing(3);\n    @include govuk-media-query($from: tablet) {\n      width: 20%;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-list__key,\n  .govuk-summary-list__value {\n    // Automatic wrapping for unbreakable text (e.g. URLs)\n    word-wrap: break-word; // Fallback for older browsers only\n    overflow-wrap: break-word;\n  }\n\n  .govuk-summary-list__key {\n    margin-bottom: govuk-spacing(1);\n    @include govuk-typography-weight-bold;\n    @include govuk-media-query($from: tablet) {\n      width: 30%;\n    }\n  }\n\n  .govuk-summary-list__value {\n    @include govuk-media-query($until: tablet) {\n      margin-bottom: govuk-spacing(3);\n    }\n  }\n\n  .govuk-summary-list__value > p {\n    margin-bottom: govuk-spacing(2);\n  }\n\n  .govuk-summary-list__value > :last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-summary-list__actions-list {\n    width: 100%;\n    margin: 0; // Reset default user agent styles\n    padding: 0; // Reset default user agent styles\n  }\n\n  .govuk-summary-list__actions-list-item {\n    display: inline-block;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    .govuk-summary-list__actions-list-item {\n      margin-right: govuk-spacing(2);\n      padding-right: govuk-spacing(2);\n      border-right: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:last-child {\n      margin-right: 0;\n      padding-right: 0;\n      border: 0;\n    }\n  }\n\n  @include govuk-media-query($from: tablet) {\n    .govuk-summary-list__actions-list-item {\n      margin-left: govuk-spacing(2);\n      padding-left: govuk-spacing(2);\n    }\n\n    .govuk-summary-list__actions-list-item:not(:first-child) {\n      border-left: 1px solid $govuk-border-colour;\n    }\n\n    .govuk-summary-list__actions-list-item:first-child {\n      margin-left: 0;\n      padding-left: 0;\n      border: 0;\n    }\n  }\n\n  // Large groups of action links may wrap onto multiple lines. Because the link\n  // focus styles are applied outside of the link's bounding box, there are\n  // situations where the focus style on a link can be overlapped by subsequent\n  // links. We don't want this, so let's create a new stacking context on focus\n  // so the link always appears to be 'on top'.\n  .govuk-summary-list__actions-list-item .govuk-link:focus {\n    isolation: isolate;\n  }\n\n  // No border on entire summary list\n  .govuk-summary-list--no-border {\n    .govuk-summary-list__row {\n      border: 0;\n    }\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // No border on specific rows\n  .govuk-summary-list__row--no-border {\n    border: 0;\n\n    // Increase padding by 1px to compensate for 'missing' border\n    @include govuk-media-query($from: tablet) {\n      .govuk-summary-list__key,\n      .govuk-summary-list__value,\n      .govuk-summary-list__actions {\n        padding-bottom: govuk-spacing(2) + 1px;\n      }\n    }\n  }\n\n  // Additional block for the summary card\n  .govuk-summary-card {\n    @include govuk-responsive-margin(6, \"bottom\");\n    border: 1px solid $govuk-border-colour;\n  }\n\n  .govuk-summary-card__title-wrapper {\n    padding: govuk-spacing(3);\n\n    // Ensures the card header appears separate to the summary list in forced\n    // colours mode\n    border-bottom: 1px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n\n    @include govuk-media-query($from: \"tablet\") {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: nowrap;\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n  }\n\n  .govuk-summary-card__title {\n    @include govuk-font($size: 19, $weight: bold);\n    @include govuk-text-colour;\n    margin: govuk-spacing(1) govuk-spacing(4) govuk-spacing(2) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__actions {\n    @include govuk-font-size($size: 19);\n    @include govuk-typography-weight-bold;\n    display: flex;\n    flex-wrap: wrap;\n    row-gap: 10px;\n    margin: govuk-spacing(1) 0;\n    padding: 0;\n    list-style: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      justify-content: right;\n      text-align: right;\n    }\n  }\n\n  .govuk-summary-card__action {\n    display: inline;\n    margin: 0 govuk-spacing(2) 0 0;\n    padding-right: govuk-spacing(2);\n    border-right: 1px solid $govuk-border-colour;\n\n    @include govuk-media-query($from: \"tablet\") {\n      margin-right: 0;\n    }\n\n    // We use the following media query to target IE11 and 10 only to add margin\n    // between actions.\n    //\n    // We do this because we're using row-gap to create space between actions on\n    // more evergreen browsers which IE doesn't support. @supports currently isn't\n    // a viable solution, see https://github.com/w3c/csswg-drafts/issues/3559.\n    //\n    // Solution taken from https://stackoverflow.com/questions/11173106/apply-style-only-on-ie#answer-36448860\n    // which also includes an explanation of why this works\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: govuk-spacing(1);\n    }\n  }\n\n  .govuk-summary-card__action:last-child {\n    margin: 0;\n    padding-right: 0;\n    border-right: none;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding-left: govuk-spacing(2);\n    }\n\n    // See above comment for why this is here\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      margin-bottom: 0;\n    }\n  }\n\n  .govuk-summary-card__content {\n    padding: govuk-spacing(3) govuk-spacing(3) 0;\n\n    @include govuk-media-query($from: \"tablet\") {\n      padding: govuk-spacing(3) govuk-spacing(4);\n    }\n\n    .govuk-summary-list {\n      margin-bottom: 0;\n    }\n\n    .govuk-summary-list__row:last-of-type {\n      margin-bottom: 0;\n      border-bottom: none;\n    }\n  }\n}\n"]}