@novicell/flexbox-grid
Version:
A CSS flexbox grid package configurable via CSS Custom Properties and PostCSS.
1 lines • 2.34 kB
Source Map (JSON)
{"version":3,"sources":["demo.css"],"names":[],"mappings":"AAAA;EACE,kCAAkC;EAClC,yCAAgD;EAChD,iDAAiD;EACjD,2CAA2C;EAC3C,kDAAyD;AAC3D;;AAEA,WAAW;;AAGT;IACE,eAAe;IACf,kBAAkB;EACpB;;;AAIF;EACE,aAAa;EACb,cAAc;AAChB;;AAEA,iBAAiB;;AAEjB;EACE,kBAAkB;EAClB,SAAS;EACT,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,yBAAyB;EACzB,oCAA4C;EAA5C,4CAA4C;EAC5C,oBAAoB;AAoCtB;;AAlCE;;AANF;IAOI,yBAA+D;IAA/D,+DAA+D;IAC/D,qBAA2D;IAA3D;AAgCJ;EA/BE;;AAEA;IACE,iBAAiB;IACjB,oBAAoB;IACpB,yBAAgD;IAAhD,gDAAgD;IAChD,oCAA4C;IAA5C,4CAA4C;IAC5C,kBAAkB;EAiBpB;;AAfE;;AAPF;MAQI,YAAY;MACZ,yBAAyD;MAAzD,yDAAyD;MACzD,gCAAiD;MAAjD;EAYJ;IAXE;;AAEA;;;;;;;MAOE,cAAc;IAChB;;AAIA;MACE,gBAAgB;IAClB;;;AAKJ;EACE,qBAAqB;AACvB","file":"demo.f1674605.css","sourceRoot":"..","sourcesContent":[":root {\n --column-background-color: #f8f7f7;\n --column-border-color: color(#f8f7f7 shade(10%));\n --presentation-darkmode-background-color: #272822;\n --column-darkmode-background-color: #e6e6e6;\n --column-darkmode-border-color: color(#e6e6e6 shade(15%));\n}\n\n/* Header */\n\n.nav {\n &__link {\n margin-top: 5px;\n margin-bottom: 5px;\n }\n}\n\n\nheader h1 {\n margin-top: 0;\n padding-top: 0;\n}\n\n/* Presentation */\n\n.row-pull {\n position: relative;\n left: 50%;\n width: 100vw;\n margin-left: -50vw;\n}\n\n.presentation-section {\n margin-bottom: 70px;\n}\n\n.column-presentation {\n padding: 20px;\n background-color: #fffefe;\n border: 1px solid var(--column-border-color);\n border-radius: 0.3em;\n\n @media (prefers-color-scheme: dark) {\n background-color: var(--presentation-darkmode-background-color);\n border-color: var(--presentation-darkmode-background-color);\n }\n\n [class^=\"col-\"] {\n padding-top: 15px;\n padding-bottom: 15px;\n background-color: var(--column-background-color);\n border: 1px solid var(--column-border-color);\n border-radius: 1px;\n\n @media (prefers-color-scheme: dark) {\n color: black;\n background-color: var(--column-darkmode-background-color);\n border-color: var(--column-darkmode-border-color);\n }\n\n p,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: inherit;\n }\n }\n\n &--row-spacing {\n .row + .row {\n margin-top: 1rem;\n }\n }\n}\n\n\n.example-heading {\n margin-bottom: 1.5rem;\n}\n\n"]}