{"version":3,"sources":["../../../src/moj/objects/_scrollable-pane.scss"],"names":[],"mappings":"AAAA,oCAAoC;;AAEpC;EACE,gDAAgD;EAChD,yCAAyC;EACzC,mDAAmD;EACnD,0CAA0C;EAC1C,6BAA6B;EAC7B,+CAA+C;;EAE/C,kBAAkB;EAClB;;;;;;;;;;;;;;wGAcsG;EACtG,oCAAoC;EACpC,4BAA4B;EAC5B,mDAAmD;EACnD;;;;8BAI4B;;EAE5B;IACE,0BAA0B;EAC5B;AACF;;AAEA;EACE;;IAEE,mBAAmB;EACrB;AACF","file":"_scrollable-pane.scss","sourcesContent":["@use \"../vendor/govuk-frontend\" as *;\n\n.moj-scrollable-pane {\n  // stylelint-disable scss/dollar-variable-pattern\n  $scrollableBgColor: govuk-colour(\"white\");\n  $scrollableTransparentColor: rgba(255, 255, 255, 0);\n  $scrollableShadowColor: rgba(0, 0, 0, 0.2);\n  $scrollableShadowSize: 0.75em;\n  // stylelint-enable scss/dollar-variable-pattern\n\n  overflow-x: scroll;\n  background:\n    linear-gradient(\n      to right,\n      $scrollableBgColor,\n      $scrollableBgColor,\n      $scrollableTransparentColor calc($scrollableShadowSize * 2)\n    ),\n    radial-gradient(farthest-side at 0 50%, $scrollableShadowColor, $scrollableTransparentColor),\n    linear-gradient(\n      to left,\n      $scrollableBgColor,\n      $scrollableBgColor,\n      $scrollableTransparentColor calc($scrollableShadowSize * 2)\n    ),\n    radial-gradient(farthest-side at 100% 50%, $scrollableShadowColor, $scrollableTransparentColor) 100%;\n  background-color: $scrollableBgColor;\n  background-repeat: no-repeat;\n  background-attachment: local, scroll, local, scroll;\n  background-size:\n    100% 100%,\n    $scrollableShadowSize 100%,\n    100% 100%,\n    $scrollableShadowSize 100%;\n\n  &:focus {\n    @include govuk-focused-box;\n  }\n}\n\n@include govuk-media-query($until: 1020px) {\n  .moj-scrollable-pane .govuk-table__header,\n  .moj-scrollable-pane .govuk-table__cell {\n    white-space: nowrap;\n  }\n}\n"]}