digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
2 lines (1 loc) • 2.72 kB
Source Map (JSON)
{"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"]}