{"version":3,"sources":["../../../../src/digitalmarketplace/components/documents/_index.scss"],"names":[],"mappings":"AAAA;EACE,yCAAyC;EACzC,6BAA6B;;EAE7B;;IAEE,mBAAmB;IACnB,SAAS;IACT,iBAAiB;;IAEjB;MACE;IACF;EACF;;EAEA;IACE,gBAAgB;EAClB;;EAEA;;IAEE,mBAAmB;IACnB,sBAAsB;;IAEtB,kBAAkB;IAClB,WAAW;IACX,gCAAgC;IAChC,wBAAwB;;IAExB,mEAAmE;IACnE,mBAAmB;IACnB,gBAAgB;IAChB,mBAAmB;EACrB;;EAEA;IACE,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,QAAQ;IACR,OAAO;IACP,wBAAwB;IACxB,yBAAyB;IACzB,gCAAgC;IAChC,qBAAqB;IACrB,uBAAuB;IACvB,oCAAoC;IACpC,qBAAqB;IACrB,yBAAyB;;IAEzB;MACE,YAAY,EAAE,yDAAyD;IACzE;;IAEA;MACE,WAAW;MACX,kBAAkB;MAClB,SAAS;MACT,WAAW;MACX,WAAW;MACX,YAAY;MACZ,kBAAkB,EAAE,oDAAoD;MACxE;;;;;;;OAOC;MACD,iFAAiF;MACjF,yBAAyB;IAC3B;EACF;AACF","file":"_index.scss","sourcesContent":["@include digitalmarketplace-exports(\"digitalmarketplace/component/documents\") {\n  $border-colour: govuk-colour('dark-grey');\n  $white: govuk-colour('white');\n\n  %dm-document-list,\n  .dm-document-list {\n    @extend %govuk-list;\n    margin: 0;\n    padding: 0 0 30px;\n\n    li {\n      margin-bottom: govuk-spacing(6)\n    }\n  }\n\n  .dm-document-list-item {\n    list-style: none;\n  }\n\n  %dm-document-link,\n  .dm-document-link {\n    @extend %govuk-link;\n    box-sizing: border-box;\n\n    position: relative;\n    width: 100%;\n    // Trigger HasLayout on older IEs\n    // display: inline-block;\n\n    // Same as values as `question-meta-spacing` but preserved on mobile\n    margin-bottom: 10px;\n    padding-top: 7px;\n    padding-bottom: 7px;\n  }\n\n  .dm-document-link-with-icon {\n    @extend %dm-document-link;\n    display: inline-block;\n    padding-left: 65px;\n  }\n\n  .dm-document-icon {\n    display: block;\n    position: absolute;\n    top: 51%;\n    left: 0;\n    margin: -18px 10px 5px 0;\n    padding: 7px 13px 5px 5px;\n    border: 1px solid $border-colour;\n    color: $border-colour;\n    background: transparent;\n    font-weight: $govuk-font-weight-bold;\n    text-decoration: none;\n    text-transform: lowercase;\n\n    &::before {\n      content: '.'; /* Insert this with CSS so that it doesn't get read out */\n    }\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: -1px;\n      right: -1px;\n      width: 10px;\n      height: 10px;\n      background: $white; /* For browsers that don't support linear gradient */\n      background: linear-gradient(\n        45deg,\n        $white,\n        $white 47%,\n        $border-colour 48%,\n        $border-colour 53%,\n        $white 53%\n      );\n      box-shadow: -1px 1px 0 0 $border-colour, -2px 2px 5px 0 rgba($border-colour, 0.2);\n      text-transform: lowercase;\n    }\n  }\n}\n"]}