digitalmarketplace-frontend/dist/digitalmarketplace/components/option-tree/_index.scss.map

Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects

{"version":3,"sources":["../../../../src/digitalmarketplace/components/option-tree/_index.scss"],"names":[],"mappings":"AAAA;EACE,2DAA2D;EAC3D,qEAAqE;EACrE,4GAA4G;EAC5G,kGAAkG;EAClG,qEAAqE;;EAErE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;IACd,eAAe;IACf,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,6DAA6D;;IAE7D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE,YAAY;IACZ,oBAAoB;IACpB,yBAAiB;OAAjB,sBAAiB;YAAjB,iBAAiB;;IAEjB;MACE,mBAAmB;IACrB;EACF;;EAEA;IACE,WAAW;IACX,kBAAkB;;IAElB,qFAAqF;IACrF,qBAAqB;IACrB,sBAAsB;;IAEtB,0DAA0D;;IAE1D;MACE,yDAAyD;IAC3D;EACF;;EAEA;IACE,eAAe;;IAEf;MACE,iEAAiE;IACnE;;IAEA;MACE,6CAA6C;IAC/C;;IAEA;MACE,iCAAiC;MACjC,+BAA+B;MAC/B,qCAAqC;MACrC,sEAAsE;;MAEtE;QACE,0CAA0C;QAC1C,2CAA2C;MAC7C;IACF;EACF;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,uBAAuB;IACvB,kBAAkB;;IAElB;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;;EAEA;IACE,6CAA6C;;IAE7C,6BAA6B;IAC7B,+BAA+B;IAC/B,sBAAsB;IACtB,wDAAwD;EAC1D;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,+BAA+B;EACjC;AACF","file":"_index.scss","sourcesContent":["@include digitalmarketplace-exports(\"digitalmarketplace/component/option-tree\") {\n  $dm-option-tree-details-border-colour: $govuk-border-colour;\n  $dm-option-tree-details-background-colour: govuk-colour(\"light-grey\");\n  $dm-option-tree-details-hover-background-colour: govuk-shade($dm-option-tree-details-background-colour, 20%);\n  $dm-option-tree-details-shadow-colour: govuk-shade($dm-option-tree-details-background-colour, 60%);\n  $dm-option-tree-details-shadow-size: $govuk-border-width-form-element;\n\n  .dm-option-tree-details {\n    @include govuk-font($size: 16);\n    @include govuk-text-colour;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    display: block;\n    margin-top: 4px;\n    margin-bottom: 4px;\n  }\n\n  .dm-option-tree-details__summary {\n    display: block;\n    position: relative;\n    padding: govuk-spacing(3) 0 govuk-spacing(3) govuk-spacing(6);\n    \n    &.dm-option-tree-details__summary-checkbox {\n      padding: 0 0 0 govuk-spacing(6);\n    }\n  }\n\n  .dm-option-tree-details[disabled] > .dm-option-tree-details__summary, .dm-option-tree-details[disabled=\"disabled\"] > .dm-option-tree-details__summary {\n    opacity: 0.5;\n    pointer-events: none;\n    user-select: none;\n\n    &:hover {\n      cursor: not-allowed;\n    }\n  }\n\n  .dm-option-tree-details__summary::after {\n    content: \"\";\n    position: absolute;\n\n    // Pin to the first line so it stays aligned when long labels wrap onto several lines.\n    top: govuk-spacing(3);\n    left: govuk-spacing(1);\n\n    @include govuk-shape-arrow($direction: right, $base: 14px);\n\n    .dm-option-tree-details[open] > & {\n      @include govuk-shape-arrow($direction: down, $base: 14px);\n    }\n  }\n\n  .dm-option-tree-details:not([disabled]) > .dm-option-tree-details__summary, .dm-option-tree-details:not([disabled=\"disabled\"]) > .dm-option-tree-details__summary {\n    cursor: pointer;\n\n    &:hover {\n      background-color: $dm-option-tree-details-hover-background-colour;\n    }\n\n    &:focus {\n      outline: $govuk-focus-width solid transparent;\n    }\n\n    &:focus:not(:active):not(:hover) {\n      border-color: $govuk-focus-colour;\n      color: $govuk-focus-text-colour;\n      background-color: $govuk-focus-colour;\n      box-shadow: 0 -2px $govuk-focus-colour, 0 4px $govuk-focus-text-colour;\n\n      &::after {\n        border-top-color: $govuk-focus-text-colour;\n        border-left-color: $govuk-focus-text-colour;\n      }\n    }\n  }\n\n  .govuk-checkboxes__label {\n    @include govuk-font($size: 16);\n  }\n\n  .dm-option-tree-details__summary-text {\n    @include govuk-clearfix;\n    position: relative;\n\n    > :first-child {\n      margin-top: 0;\n    }\n\n    > :only-child,\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .dm-option-tree-details__text {\n    @include govuk-responsive-margin(4, \"bottom\");\n\n    margin-left: govuk-spacing(2);\n    padding: 0 0 0 govuk-spacing(2);\n    border-left: 4px solid;\n    border-left-color: $dm-option-tree-details-border-colour;\n  }\n\n  .dm-option-tree-details__text .govuk-checkboxes {\n    padding-left: govuk-spacing(4);\n  }\n\n  .dm-option-tree-details__text > :last-child {\n    margin-bottom: 0;\n  }\n\n  .dm-option-tree__summary-total {\n    margin-bottom: govuk-spacing(2);\n  }\n}\n"]}