| 1 | {"version":3,"sources":["../../../../../assets/scss/00-base/_layout.scss","pattern-scaffolding.scss"],"names":[],"mappings":"AAME,KACE,8BAAA,qBAAA,CAKA,qBAGE,2BAAA,kBAAA,CAAA,aCCJ,yCAAA,AACA,iCAAA,eACA,cAAA,CAGF,cACE,gBACA,kBACA,eACA,kBACA,YACA,iBAAA,CAGF,WACE,oBAAA,AACA,oBADA,AACA,aAAA,mBAAA,AACA,eAAA,2BACA,oBACA,oBAAA,CAEF,cACE,sBACA,kBACA,6BAAA,AACA,gBAAA,qBACA,eACA,cACA,YAAA,CAGF,WACE,kBACA,cACA,WACA,kBAAA,CAGF,UACE,cACA,aAAA,CAQF,iGAKE,cACA,UAAA,CAAA","file":"pattern-scaffolding-generated.css","sourcesContent":["@charset \"UTF-8\";\n\n@use \"variables\" as *;\n\n@if $border-box-sizing == true {\n\n html { // http://bit.ly/1qk2tVR\n box-sizing: border-box;\n }\n\n * {\n\n &,\n &::after,\n &::before {\n box-sizing: inherit;\n }\n }\n}","/**\n * This stylesheet is for styles you want to include only when displaying demo\n * styles for grids, animations, color swatches, etc.\n * These styles will not be your production CSS.\n */\n\n // Sass frameworks added in npm\n\n // some variables adjust the settings in Neat\n @use \"00-base/configure\" with(\n $assets-path: '/assets'\n);\n@use \"00-base/z-index\";\n@use \"00-base/layout\";\n\n#sg-patterns {\n box-sizing: border-box !important;\n max-width: 100%;\n padding: 0 0.5em;\n}\n\n.demo-animate {\n background: #ddd;\n border-radius: 8px;\n cursor: pointer;\n margin-bottom: 1em;\n padding: 1em;\n text-align: center;\n}\n\n.sg-colors {\n display: flex;\n flex-wrap: wrap;\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n.sg-colors li {\n border: 1px solid #ddd;\n border-radius: 8px;\n flex-basis: auto;\n margin: 0 0.5em 0.5em 0;\n max-width: 14em;\n min-width: 5em;\n padding: 0.3em;\n}\n\n.sg-swatch {\n border-radius: 5px;\n display: block;\n height: 4em;\n margin-bottom: 0.3em;\n}\n\n.sg-label {\n font-size: 90%;\n line-height: 1;\n}\n\n.sg-pattern-extra.active {\n\n}\n\n// overriding Flex box code - IE11 bug with height = 0\n.sg-tabs-content,\n.sg-tabs,\n.sg-pattern-extra-code,\n.sg-pattern-extra-inner,\n.sg-modal-content-inner {\n display: block;\n width: 100%;\n}"]} |