substance
Version:
Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.
1 lines • 4.53 kB
Source Map (JSON)
{"version":3,"sources":["../substance-pagestyle.css","../_variables.css"],"names":[],"mappings":"AAAA;0DAC0D;ACD1D;qDACqD;AAErD;EACE,YAAY;;EAKZ,qDAAqD;;EAKrD,YAAY;;EAKZ,8BAA8B,CAID,cAAc;;EAG3C,+BAA+B;;EAe/B,qEAAqE,CACjC;;mBAEnB;;EAIjB,qBAAqB;;EAGrB,sBAAsB;EAMtB,sBAAsB;EAEtB,wBAAwB;;EAWxB,eAAe;;EAIf,iCAAiC;;EAGjC,yBAAyB;CAW1B;ADpFD;EAGE,wBAAiC;EACjC,8HAA8H;EAC9H,gBAAoC;EACpC,iBAAiB;CAClB;AAPD;EAGE,wBAAiC;EACjC,8HAA8H;EAC9H,gBAAoC;EACpC,iBAAiB;CAClB;AAPD;EAGE,wBAAiC;EACjC,8HAA8H;EAC9H,gBAAoC;EACpC,iBAAiB;CAClB;AAED;EACE,iBAAuC;EACvC,UAAS;CACV;AAHD;EACE,iBAAuC;EACvC,UAAS;CACV;AAHD;EACE,iBAAuC;EACvC,UAAS;CACV;AAHD;EACE,iBAAuC;EACvC,UAAS;CACV;AAHD;EACE,iBAAuC;EACvC,UAAS;CACV;AAHD;EACE,iBAAuC;EACvC,UAAS;CACV;AAED;EACE,gBAA+B;CAChC;AAED;EACE,gBAA+B;CAChC;AAED;EACE,gBAA+B;CAChC;AAED,4BAA4B;AAC5B;EAAa,gBAA+B;CAAE;AAA9C;EAAa,gBAA+B;CAAE;AAA9C;EAAa,gBAA+B;CAAE;AAE9C;EACS,iBAAuC;CAAE;AADlD;EACS,iBAAuC;CAAE;AAElD,gBAAgB,mBAAmB,EAAE;AAErC,WAAW;AACX;EACE,eAAyB;EACzB,qBAAqB;CACtB;AACD;EACE,+BAA8C;CAC/C;AACD;EACE,+BAA8C;CAC/C","file":"substance-pagestyle.css","sourcesContent":["/* Inline Elements: Defaults\n------------------------------------------------------- */\n@import './_variables.css';\n\nbody,\ninput,\ntextarea {\n color: var(--default-text-color);\n font-family: -apple-system, \".SFNSText-Regular\", \"San Francisco\", \"Roboto\", \"Segoe UI\", \"Helvetica Neue\", \"Arial\", sans-serif;\n font-size: var(--default-font-size);\n line-height: 1.5;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-weight: var(--strong-font-weight);\n margin:0;\n}\n\nh1 {\n font-size: var(--h1-font-size);\n}\n\nh2 {\n font-size: var(--h2-font-size);\n}\n\nh3 {\n font-size: var(--h3-font-size);\n}\n\n/* Not recommended to use */\nh4, h5, h6 { font-size: var(--h4-font-size); }\n\n.strong,\nstrong { font-weight: var(--strong-font-weight); }\n\n.emphasis, em { font-style: italic; }\n\n/* Links */\na {\n color: var(--link-color);\n text-decoration:none;\n}\na:focus {\n outline: 1px solid var(--focus-outline-color);\n}\nbutton:focus {\n outline: 1px solid var(--focus-outline-color);\n}\n","/* Global variables\n-------------------------------------------------- */\n\n:root {\n /* Layout */\n --small-layout-width: 300px;\n --medium-layout-width: 620px;\n --large-layout-width: 960px;\n\n /* Normalized heights (used by buttons and inputs) */\n --base-height: 40px;\n --short-height: 20px;\n --border-radius: 5px;\n\n /* Colors */\n --dark-bg-color: #2E2E2E;\n --border-color: #E0E4E4;\n --dark-border-color: #777;\n\n /* Used by Button component */\n --button-color: rgba(0,0,0,0.75);\n\n --fill-white-color: #fff;\n --fill-light-color: #f7f9f9; /* #f8f8f8; */\n --fill-dark-color: #404040;\n\n /* Depending on a base-color */\n --darken-color-1: rgba(0,0,0,0.05);\n --darken-color-2: rgba(0,0,0,0.10);\n --darken-color-3: rgba(0,0,0,0.25);\n --darken-color-4: rgba(0,0,0,0.50);\n --darken-color-5: rgba(0,0,0,0.75);\n\n --lighten-color-1: rgba(0,0,0,0.05);\n --lighten-color-2: rgba(0,0,0,0.10);\n --lighten-color-3: rgba(0,0,0,0.25);\n --lighten-color-4: rgba(0,0,0,0.50);\n --lighten-color-5: rgba(0,0,0,0.75);\n\n --link-color: #1795CD;\n\n /* We disable this for now, as accessibility needs more discussion */\n --focus-outline-color: transparent; /* #1795CD;/* #5BE3FF;\n\n /* Font colors */\n --default-text-color: rgba(0,0,0,0.75);\n --light-text-color: rgba(0,0,0,.40);\n\n /* Default padding */\n --default-padding: 20px;\n\n /* Prose font sizes */\n --default-font-size: 16px;\n --small-font-size: 13px;\n\n --large-font-size: 20px;\n --xlarge-font-size: 25px;\n /* Title font sizes */\n --title-font-size: 38px;\n /* Heading font sizes */\n --h1-font-size: 26px;\n --h2-font-size: 22px;\n --h3-font-size: 18px;\n --h4-font-size: 16px;\n\n --strong-font-weight: 600;\n --highlight-color-1: #0b9dd9;\n --highlight-color-2: #91bb04;\n --heading-letterspacing: -0.5px;\n\n /* code-font */\n --font-family-code: Consolas, 'Liberation Mono', Menlo, Courier, monospace;\n --font-size-code: 14px;\n\n /* RGB #A3CDFD = HSB 209,29,80 */\n --local-selection-color: #2A8CFF;\n\n /* Collaborator colors */\n --collaborator-color-1: #A4E57A;\n --collaborator-color-2: #BC90FF;\n --collaborator-color-3: #D6BB4C;\n --collaborator-color-4: #BAA6A0;\n --collaborator-color-5: #7BB5B3;\n --collaborator-color-6: #FF7B7B;\n --collaborator-color-7: #A0CC00;\n --collaborator-color-8: #89CAFF;\n --collaborator-color-9: #FF9FBF;\n --collaborator-color-10: #FFB533;\n}\n"]}