digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
2 lines (1 loc) • 3.48 kB
Source Map (JSON)
{"version":3,"sources":["../../../../src/digitalmarketplace/components/list-input/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,+BAA+B;EACjC;;EAEA;IACE,0BAA0B;IAC1B,6CAA6C;IAC7C,6CAA6C;EAC/C;;EAEA;IACE;EACF;;EAEA;IACE,6CAA6C;;IAE7C;MACE,aAAa;IACf;;IAEA;MACE,aAAa;MACb,qBAAqB;MACrB,kBAAkB,EAAE,wCAAwC;;MAE5D;QACE,iFAAiF;QACjF,kBAAkB;QAClB,SAAS;QACT,sBAAsB;;QAEtB,YAAY;QACZ,iBAAiB;QACjB,oBAAoB;;QAEpB,qCAAqC;QACrC;UACE,QAAQ;QACV;QACA,oCAAoC;MACtC;;MAEA,sCAAsC;MACtC;QACE,SAAS;QACT,sBAAsB;QACtB,qCAAqC;QACrC;UACE,SAAS;QACX;QACA,oCAAoC;MACtC;;MAEA;QACE,gBAAgB;QAChB,qCAAqC;QACrC;UACE,gBAAgB;QAClB;QACA,oCAAoC;MACtC;;MAEA;QACE,cAAc;QACd,+BAA+B;;QAE/B,qCAAqC;QACrC;UACE,iBAAiB;QACnB;QACA,oCAAoC;MACtC;;MAEA;QACE,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,6BAA6B;;QAE7B,qCAAqC;QACrC;UACE,aAAa;QACf;QACA,oCAAoC;MACtC;IACF;EACF;;EAEA;IACE,+BAA+B;;IAE/B;MACE,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@include digitalmarketplace-exports(\"digitalmarketplace/component/list-input\") {\n .dm-list-input {\n margin-bottom: govuk-spacing(6);\n }\n \n .dm-list-input__legend {\n @include govuk-text-colour;\n @include govuk-font($size: 24, $weight: bold);\n @include govuk-responsive-margin(4, \"bottom\");\n }\n\n .dm-list-input.govuk-form-group--error {\n margin-bottom: govuk-spacing(6)\n }\n\n .dm-list-input__item {\n @include govuk-responsive-margin(3, \"bottom\");\n\n &--hidden {\n display: none;\n }\n\n .dm-list-input__row {\n display: flex;\n flex-flow: row nowrap;\n position: relative; // Needed to position number inside input\n\n .dm-list-input__item-label {\n @include govuk-font($size: 19, $tabular: true, $weight: bold, $line-height: 1.25);\n position: absolute;\n top: 11px;\n left: govuk-spacing(1);\n \n width: 1.5em;\n text-align: right;\n pointer-events: none;\n\n // stylelint-disable max-nesting-depth\n @include govuk-media-query($from: tablet) {\n top: 9px;\n }\n // stylelint-enable max-nesting-depth\n }\n\n // Spacing for inputs which have errors\n .govuk-form-group--error .dm-list-input__item-label {\n top: 46px;\n left: govuk-spacing(5);\n // stylelint-disable max-nesting-depth\n @include govuk-media-query($from: tablet) {\n top: 49px;\n }\n // stylelint-enable max-nesting-depth\n }\n\n .govuk-form-group--error + .dm-list-input__item-remove {\n margin-top: 35px;\n // stylelint-disable max-nesting-depth\n @include govuk-media-query($from: tablet) {\n margin-top: 40px;\n }\n // stylelint-enable max-nesting-depth\n }\n\n .dm-list-input__form-group {\n flex: 1 1 auto;\n margin-bottom: govuk-spacing(1);\n\n // stylelint-disable max-nesting-depth\n .dm-list-input__item-input {\n padding-left: 2em;\n }\n // stylelint-enable max-nesting-depth\n }\n\n .dm-list-input__item-remove {\n width: auto;\n height: 38px;\n margin-bottom: 0;\n margin-left: govuk-spacing(2);\n\n // stylelint-disable max-nesting-depth\n &--hidden {\n display: none;\n }\n // stylelint-enable max-nesting-depth\n }\n }\n }\n\n .dm-list-input__item-add {\n margin-bottom: govuk-spacing(1);\n\n &--hidden {\n display: none;\n }\n }\n}\n"]}