-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyle.css.map
More file actions
1 lines (1 loc) · 5.28 KB
/
style.css.map
File metadata and controls
1 lines (1 loc) · 5.28 KB
1
{"version":3,"file":"style.css","mappings":"AAAA;EACE;;MAEI;EACJ,2BAA2B;;EAE3B,mCAAmC;EACnC,iEAAiE;EACjE,iEAAiE;EACjE,iEAAiE;EACjE,kEAAkE;EAClE,kEAAkE;EAClE,kEAAkE;AACpE;;ACXA;EACE,2BAA2B;EAC3B;;;;;;;;;;;cAWY;EACZ,SAAS;EACT,UAAU;;EAEV;IACE,sBAAsB;EACxB;AACF;;AAEA;;;;;EAKE,mBAAmB;AACrB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB;;mCAEiC;EACjC,gBAAgB;EAChB,YAAY;EACZ,yBAAyB;AAC3B;;AAEA;EACE,iBAAiB;EACjB,YAAY;AACd;;AAEA;EACE,iBAAiB;EACjB,cAAc;AAChB;;ACtDA;EACE,sBAAsB;AACxB;;ACFA;EACE,kBAAkB;EAClB,WAAW;AACb;;ACHA;EACE;IACE,iBAAiB;EACnB;;EAEA;IACE;MACE,+BAA+B;IACjC;EACF;AACF;;AAEA;EACE,kEAAkE;EAClE,gCAAgC;EAChC,6DAA6D;EAC7D,2CAA2C;;EAE3C,0CAA0C;EAC1C,aAAa;EACb,iBAAiB;EACjB,gBAAgB;EAChB,MAAM;EACN,eAAe;EACf,WAAW;;EAEX;IACE,YAAY;IACZ,8CAA8C;EAChD;;EAEA;IACE,yBAAyB;IACzB,kBAAkB;IAClB,UAAU;EACZ;;EAEA;IACE,iBAAiB;IACjB,OAAO;IACP,SAAS;IACT,kBAAkB;IAClB,oBAAoB;IACpB,WAAW;EACb;;EAEA;IACE,8CAA8C;IAC9C,2BAA2B;IAC3B,SAAS;IACT;;KAEC;EACH;;EAEA;IACE,yBAAyB;IACzB,mDAAmD;IACnD,sDAAsD;IACtD,+CAA+C;IAC/C,YAAY;IACZ,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,yCAAyC;IACzC,OAAO;IACP,UAAU;IACV,kBAAkB;IAClB,gDAAgD;IAChD,MAAM;IACN;;qBAEiB;IACjB,2BAA2B;;IAE3B;MACE,0BAA0B;IAC5B;;IAEA;MACE,0BAA0B;IAC5B;;IAEA;MACE,gBAAgB;MAChB,8DAA8D;MAC9D,qDAAqD;;MAErD;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,gBAAgB;IAChB,YAAY;IACZ,gBAAgB;IAChB,uDAAuD;EACzD;AACF","sources":["webpack://@eckode/components/./src/css/variables.css","webpack://@eckode/components/./src/css/eckode.css","webpack://@eckode/components/./src/css/base.css","webpack://@eckode/components/./src/css/utils.css","webpack://@eckode/components/./src/css/components/resizable.css"],"sourcesContent":[":root {\n /**\n * Variables\n */\n --ec-color-primary: #00b3ff;\n\n --ec-color-gray: rgb(127, 130, 130);\n --ec-color-dark-gray-80: color(rgb(127, 130, 130) lightness(20%));\n --ec-color-dark-gray-60: color(rgb(127, 130, 130) lightness(40%));\n --ec-color-dark-gray-40: color(rgb(127, 130, 130) lightness(60%));\n --ec-color-light-gray-40: color(rgb(127, 130, 130) lightness(80%));\n --ec-color-light-gray-60: color(rgb(127, 130, 130) lightness(90%));\n --ec-color-light-gray-80: color(rgb(127, 130, 130) lightness(95%));\n}\n","@import \"./variables.css\";\n\nbody {\n color: var(--ec-color-gray);\n font-family:\n system-ui,\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Oxygen,\n Ubuntu,\n Cantarell,\n \"Open Sans\",\n \"Helvetica Neue\",\n sans-serif;\n margin: 0;\n padding: 0;\n\n * {\n box-sizing: border-box;\n }\n}\n\nh1,\nh2,\nh3,\nh4,\nh5 {\n font-weight: normal;\n}\n\nimg {\n max-width: 100%;\n}\n\nblockquote {\n border-radius: 6px;\n box-shadow:\n rgba(0, 0, 0, 0.12) 0px 1px 3px,\n rgba(0, 0, 0, 0.24) 0px 1px 2px;\n font-size: 1.5em;\n padding: 1em;\n background-color: #ffffff;\n}\n\n.main {\n max-height: 100vh;\n padding: 1em;\n}\n\n.overlay {\n filter: blur(1px);\n overflow: auto;\n}\n","* {\n box-sizing: border-box;\n}\n",".absolute-100 {\n position: absolute;\n width: 100%;\n}\n","body {\n &.resize-in-progress {\n user-select: none;\n }\n\n &:not(.resize-in-progress) {\n .ec-resizable__resizer {\n transition: height 0.2s ease-in;\n }\n }\n}\n\n.ec-resizable {\n --ec-resizable-offset: calc(var(--ec-resizable-handle-height) / 2);\n --ec-resizable-color-bg: #f8f8f8;\n --ec-resizable-init-height: var(--ec-resizable-handle-height);\n --ec-resizable-bg-color: rgba(0, 0, 0, 0.3);\n\n background-color: rgba(248, 248, 248, 0.2);\n height: 100vh;\n max-height: 100vh;\n overflow: hidden;\n top: 0;\n position: fixed;\n width: 100%;\n\n .ec-resizable__back {\n height: 100%;\n background-color: var(--ec-resizable-bg-color);\n }\n\n .ec-resizable__debug {\n background-color: #f8f8f8;\n position: absolute;\n width: 50%;\n }\n\n .ec-resizable__debug-snap-point {\n border-color: red;\n left: 0;\n margin: 0;\n position: absolute;\n pointer-events: none;\n width: 100%;\n }\n\n .ec-resizable__resizer {\n background-color: var(--ec-resizable-color-bg);\n color: var(--ec-color-gray);\n bottom: 0;\n height: calc(\n var(--ec-resizable-init-height) + var(--ec-resizable-handle-height)\n );\n }\n\n .ec-resizable__resizer-handle {\n background-color: #ffffff;\n border-top: 1px solid var(--ec-color-light-gray-60);\n border-bottom: 1px solid var(--ec-color-light-gray-60);\n box-shadow: 0px -4px 1px 0px rgba(0, 0, 0, 0.1);\n cursor: grab;\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--ec-resizable-handle-height);\n left: 0;\n padding: 0;\n text-align: center;\n /* top: calc(var(--ec-resizable-offset) * -1); */\n top: 0;\n transition:\n height 0.1s,\n margin-top 0.1s;\n /* @extend .absolute-100; */\n\n svg {\n transition: transform 0.2s;\n }\n\n path {\n fill: var(--ec-color-gray);\n }\n\n &:active {\n cursor: grabbing;\n margin-top: calc((var(--ec-resizable-handle-height) / 4) * -1);\n height: calc(var(--ec-resizable-handle-height) * 1.5);\n\n svg {\n transform: scale(1.5);\n }\n }\n }\n\n .ec-resizable__resizer-content {\n overflow: scroll;\n height: 100%;\n max-height: 100%;\n padding: calc(2em + var(--ec-resizable-offset)) 2em 2em;\n }\n}\n"],"names":[],"sourceRoot":""}