digitalmarketplace-frontend/dist/digitalmarketplace/components/question-checkbox-tree/_index.scss.map

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

{"version":3,"sources":["../../../../src/digitalmarketplace/components/question-checkbox-tree/_index.scss"],"names":[],"mappings":"AAAA;EACE,6DAA6D;EAC7D,uEAAuE;EACvE,gHAAgH;EAChH,sGAAsG;EACtG,uEAAuE;;EAEvE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,6CAA6C;;IAE7C,cAAc;IACd,yDAAyD;EAC3D;;EAEA;IACE,oEAAoE;;IAEpE;MACE,0EAA0E;IAC5E;EACF;;EAEA;IACE,6CAA6C;;IAE7C,cAAc;IACd,kBAAkB;IAClB,gEAAgE;IAChE,6DAA6D;EAC/D;;EAEA;IACE,cAAc;IACd,oBAAoB;IACpB,yBAAiB;OAAjB,sBAAiB;YAAjB,iBAAiB;;IAEjB;MACE,6DAA6D;MAC7D,mBAAmB;IACrB;EACF;;EAEA;IACE,WAAW;IACX,kBAAkB;;IAElB,QAAQ;IACR,uBAAuB;;IAEvB,0DAA0D;;IAE1D;MACE,yDAAyD;IAC3D;EACF;;EAEA;IACE,eAAe;;IAEf;MACE,mEAAmE;IACrE;;IAEA;MACE,6CAA6C;IAC/C;;IAEA;MACE,iCAAiC;MACjC,+BAA+B;MAC/B,qCAAqC;;MAErC;QACE,0CAA0C;QAC1C,2CAA2C;MAC7C;IACF;EACF;;EAEA;IACE,uBAAuB;IACvB,kBAAkB;;IAElB;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;;EAEA;IACE,4CAA4C;IAC5C,UAAU;EACZ;;EAEA;IACE,yCAAyC;IACzC,UAAU;EACZ;;EAEA;IACE,6BAA6B;IAC7B,+BAA+B;IAC/B,gCAAgC;IAChC,8BAA8B;EAChC;;EAEA;IACE,aAAa;IACb,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@include digitalmarketplace-exports(\"digitalmarketplace/component/question-checkbox-tree\") {\n  $dm-checkbox-tree-details-border-colour: $govuk-border-colour;\n  $dm-checkbox-tree-details-background-colour: govuk-colour(\"light-grey\");\n  $dm-checkbox-tree-details-hover-background-colour: govuk-shade($dm-checkbox-tree-details-background-colour, 20%);\n  $dm-checkbox-tree-details-shadow-colour: govuk-shade($dm-checkbox-tree-details-background-colour, 60%);\n  $dm-checkbox-tree-details-shadow-size: $govuk-border-width-form-element;\n\n  .dm-checkbox-tree-details {\n    @include govuk-font($size: 19);\n    @include govuk-text-colour;\n    @include govuk-responsive-margin(6, \"bottom\");\n\n    display: block;\n    border: 2px solid $dm-checkbox-tree-details-border-colour;\n  }\n\n  .dm-checkbox-tree-details[open] > .dm-checkbox-tree-details__summary {\n    border-bottom: 2px solid $dm-checkbox-tree-details-background-colour;\n\n    &:hover {\n      border-bottom: 2px solid $dm-checkbox-tree-details-hover-background-colour;\n    }\n  }\n\n  .dm-checkbox-tree-details__summary {\n    @include govuk-font($size: 19, $weight: bold);\n\n    display: block;\n    position: relative;\n    padding: govuk-spacing(3) 45px govuk-spacing(3) govuk-spacing(4); \n    background-color: $dm-checkbox-tree-details-background-colour;\n  }\n\n  .dm-checkbox-tree-details[disabled] > .dm-checkbox-tree-details__summary, .dm-checkbox-tree-details[disabled=\"disabled\"] > .dm-checkbox-tree-details__summary {\n    opacity: (0.5);\n    pointer-events: none;\n    user-select: none;\n\n    &:hover {\n      background-color: $dm-checkbox-tree-details-background-colour;\n      cursor: not-allowed;\n    }\n  }\n\n  .dm-checkbox-tree-details__summary::after {\n    content: \"\";\n    position: absolute;\n\n    top: 40%;\n    right: govuk-spacing(3);\n\n    @include govuk-shape-arrow($direction: right, $base: 14px);\n\n    .dm-checkbox-tree-details[open] > & {\n      @include govuk-shape-arrow($direction: down, $base: 14px);\n    }\n  }\n\n  .dm-checkbox-tree-details:not([disabled]) > .dm-checkbox-tree-details__summary, .dm-checkbox-tree-details:not([disabled=\"disabled\"]) > .dm-checkbox-tree-details__summary {\n    cursor: pointer;\n\n    &:hover {\n      background-color: $dm-checkbox-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\n      &::after {\n        border-top-color: $govuk-focus-text-colour;\n        border-left-color: $govuk-focus-text-colour;\n      }\n    }\n  }\n\n  .dm-checkbox-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-checkbox-tree-details__summary-text-label {\n    @include govuk-grid-column('three-quarters');\n    padding: 0;\n  }\n\n  .dm-checkbox-tree-details__summary-text-count {\n    @include govuk-grid-column('one-quarter');\n    padding: 0;\n  }\n\n  .dm-checkbox-tree-details__text {\n    padding-top: govuk-spacing(3);\n    padding-right: govuk-spacing(4);\n    padding-bottom: govuk-spacing(3);\n    padding-left: govuk-spacing(4);\n  }\n\n  .dm-checkbox-tree-details__text p {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .dm-checkbox-tree-details__text > :last-child {\n    margin-bottom: 0;\n  }\n}\n"]}