{"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"]}