digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
2 lines (1 loc) • 3.6 kB
Source Map (JSON)
{"version":3,"sources":["../../../../src/digitalmarketplace/components/attachment/_index.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,4BAA4B;EAC5B,wBAAwB;EACxB,6BAA6B;EAC7B,4BAA4B;EAC5B,4CAA4C;EAC5C,8CAA8C;EAC9C,8CAA8C;EAC9C,kCAAkC;EAClC,mDAAmD;;EAEnD;IACE,uBAAuB;IACvB,uBAAuB;IACvB,kBAAkB;;IAElB;MACE,8BAA8B;IAChC;;IAEA;MACE,8BAA8B;IAChC;EACF;;EAEA;IACE,kBAAkB;IAClB,WAAW;IACX,8BAA8B;IAC9B,+BAA+B;IAC/B,gCAAgC;IAChC,WAAW;EACb;;EAEA;IACE,8BAA8B;IAC9B,+BAA+B;;IAE/B;MACE,kBAAkB;;MAElB;QACE,8BAA8B;QAC9B,+BAA+B;MACjC;IACF;EACF;;EAEA;IACE,cAAc;IACd,WAAW,EAAE,SAAS;IACtB,2BAA2B;IAC3B,yBAAyB;IACzB,gCAAgC,EAAE,gBAAgB;IAClD,+DAA+D;IAC/D,iCAAiC;IACjC,4DAA4D;IAC5D,mCAAmC;IACnC,qCAAqC;EACvC;;EAEA;IACE,iCAAiC;IACjC,+BAA+B;EACjC;;EAEA;IACE,+EAA+E;;IAE/E;MACE,qBAAqB;MACrB,sBAAsB;IACxB;EACF;;EAEA;IACE,8BAA8B;IAC9B,4BAA4B;EAC9B;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,8BAA8B;IAC9B,4BAA4B;;IAE5B;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,YAAY;EACd;AACF","file":"_index.scss","sourcesContent":["@include digitalmarketplace-exports(\"digitalmarketplace/component/attachment\") {\n $thumbnail-width: 99px;\n $thumbnail-small-width: 30px;\n $thumbnail-height: 140px;\n $thumbnail-small-height: 43px;\n $thumbnail-border-width: 5px;\n $thumbnail-background: govuk-colour(\"white\");\n $thumbnail-border-colour: rgba(11, 12, 12, .1);\n $thumbnail-shadow-colour: rgba(11, 12, 12, .4);\n $thumbnail-shadow-width: 0 2px 2px;\n $thumbnail-icon-border-colour: $govuk-border-colour;\n\n .dm-attachment {\n @include govuk-font(19);\n @include govuk-clearfix;\n position: relative;\n\n .govuk-details__summary {\n @include govuk-font($size: 16);\n }\n\n .govuk-details__text {\n @include govuk-font($size: 16);\n }\n }\n\n .dm-attachment__thumbnail {\n position: relative;\n width: auto;\n margin-right: govuk-spacing(5);\n margin-bottom: govuk-spacing(3);\n padding: $thumbnail-border-width;\n float: left;\n }\n\n .dm-attachment__thumbnail--small {\n margin-right: govuk-spacing(2);\n margin-bottom: govuk-spacing(0);\n\n + .dm-attachment__details {\n padding-left: 60px;\n\n .dm-attachment__title {\n @include govuk-font($size: 19);\n margin-bottom: govuk-spacing(1);\n }\n }\n }\n\n .dm-attachment__thumbnail-image {\n display: block;\n width: auto; // for IE8\n max-width: $thumbnail-width;\n height: $thumbnail-height;\n border: $thumbnail-border-colour; // for IE9 & IE10\n outline: $thumbnail-border-width solid $thumbnail-border-colour;\n background: $thumbnail-background;\n box-shadow: $thumbnail-shadow-width $thumbnail-shadow-colour;\n fill: $thumbnail-icon-border-colour;\n stroke: $thumbnail-icon-border-colour;\n }\n\n .dm-attachment__thumbnail-image--small {\n max-width: $thumbnail-small-width;\n height: $thumbnail-small-height;\n }\n\n .dm-attachment__details {\n padding-left: $thumbnail-width + $thumbnail-border-width * 2 + govuk-spacing(5);\n\n .dm-details {\n word-wrap: break-word;\n word-break: break-word;\n }\n }\n\n .dm-attachment__title {\n @include govuk-font($size: 27);\n margin: 0 0 govuk-spacing(3);\n }\n\n .dm-attachment__link {\n line-height: 1.29;\n }\n\n .dm-attachment__metadata {\n @include govuk-font($size: 16);\n margin: 0 0 govuk-spacing(3);\n\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n\n .dm-attachment__metadata--compact {\n margin-bottom: 0;\n }\n\n .dm-attachment__abbr {\n text-decoration: none;\n cursor: help;\n }\n}\n"]}