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.96 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;EACjB,iBAAiB,AACjB,uCAAuC;CACxC;AATD;EAGE,wBAAiC;EACjC,8HAA8H;EAC9H,gBAAoC;EACpC,iBAAiB;EACjB,iBAAiB,AACjB,uCAAuC;CACxC;AATD;EAGE,wBAAiC;EACjC,8HAA8H;EAC9H,gBAAoC;EACpC,iBAAiB;EACjB,iBAAiB,AACjB,uCAAuC;CACxC;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\r\n------------------------------------------------------- */\r\n@import './_variables.css';\r\n\r\nbody,\r\ninput,\r\ntextarea {\r\n color: var(--default-text-color);\r\n font-family: -apple-system, \".SFNSText-Regular\", \"San Francisco\", \"Roboto\", \"Segoe UI\", \"Helvetica Neue\", \"Arial\", sans-serif;\r\n font-size: var(--default-font-size);\r\n min-height: 30px;\r\n line-height: 1.5;\r\n /*-webkit-font-smoothing:antialiased;*/\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n font-weight: var(--strong-font-weight);\r\n margin:0;\r\n}\r\n\r\nh1 {\r\n font-size: var(--h1-font-size);\r\n}\r\n\r\nh2 {\r\n font-size: var(--h2-font-size);\r\n}\r\n\r\nh3 {\r\n font-size: var(--h3-font-size);\r\n}\r\n\r\n/* Not recommended to use */\r\nh4, h5, h6 { font-size: var(--h4-font-size); }\r\n\r\n.strong,\r\nstrong { font-weight: var(--strong-font-weight); }\r\n\r\n.emphasis, em { font-style: italic; }\r\n\r\n/* Links */\r\na {\r\n color: var(--link-color);\r\n text-decoration:none;\r\n}\r\na:focus {\r\n outline: 1px solid var(--focus-outline-color);\r\n}\r\nbutton:focus {\r\n outline: 1px solid var(--focus-outline-color);\r\n}\r\n","/* Global variables\r\n-------------------------------------------------- */\r\n\r\n:root {\r\n /* Layout */\r\n --small-layout-width: 300px;\r\n --medium-layout-width: 620px;\r\n --large-layout-width: 960px;\r\n\r\n /* Normalized heights (used by buttons and inputs) */\r\n --base-height: 40px;\r\n --short-height: 20px;\r\n --border-radius: 5px;\r\n\r\n /* Colors */\r\n --dark-bg-color: #2E2E2E;\r\n --border-color: #E0E4E4;\r\n --dark-border-color: #777;\r\n\r\n /* Used by Button component */\r\n --button-color: rgba(0,0,0,0.75);\r\n\r\n --fill-white-color: #fff;\r\n --fill-light-color: #f7f9f9; /* #f8f8f8; */\r\n --fill-dark-color: #404040;\r\n\r\n /* Depending on a base-color */\r\n --darken-color-1: rgba(0,0,0,0.05);\r\n --darken-color-2: rgba(0,0,0,0.10);\r\n --darken-color-3: rgba(0,0,0,0.25);\r\n --darken-color-4: rgba(0,0,0,0.50);\r\n --darken-color-5: rgba(0,0,0,0.75);\r\n\r\n --lighten-color-1: rgba(0,0,0,0.05);\r\n --lighten-color-2: rgba(0,0,0,0.10);\r\n --lighten-color-3: rgba(0,0,0,0.25);\r\n --lighten-color-4: rgba(0,0,0,0.50);\r\n --lighten-color-5: rgba(0,0,0,0.75);\r\n\r\n --link-color: #1795CD;\r\n\r\n /* We disable this for now, as accessibility needs more discussion */\r\n --focus-outline-color: transparent; /* #1795CD;/* #5BE3FF;\r\n\r\n /* Font colors */\r\n --default-text-color: rgba(0,0,0,0.75);\r\n --light-text-color: rgba(0,0,0,.40);\r\n\r\n /* Default padding */\r\n --default-padding: 20px;\r\n\r\n /* Prose font sizes */\r\n --default-font-size: 16px;\r\n --small-font-size: 13px;\r\n\r\n --large-font-size: 20px;\r\n --xlarge-font-size: 25px;\r\n /* Title font sizes */\r\n --title-font-size: 38px;\r\n /* Heading font sizes */\r\n --h1-font-size: 26px;\r\n --h2-font-size: 22px;\r\n --h3-font-size: 18px;\r\n --h4-font-size: 16px;\r\n\r\n --strong-font-weight: 600;\r\n --highlight-color-1: #0b9dd9;\r\n --highlight-color-2: #91bb04;\r\n --heading-letterspacing: -0.5px;\r\n\r\n /* code-font */\r\n --font-family-code: Consolas, 'Liberation Mono', Menlo, Courier, monospace;\r\n --font-size-code: 14px;\r\n\r\n /* RGB #A3CDFD = HSB 209,29,80 */\r\n --local-selection-color: #2A8CFF;\r\n\r\n /* Collaborator colors */\r\n --collaborator-color-1: #A4E57A;\r\n --collaborator-color-2: #BC90FF;\r\n --collaborator-color-3: #D6BB4C;\r\n --collaborator-color-4: #BAA6A0;\r\n --collaborator-color-5: #7BB5B3;\r\n --collaborator-color-6: #FF7B7B;\r\n --collaborator-color-7: #A0CC00;\r\n --collaborator-color-8: #89CAFF;\r\n --collaborator-color-9: #FF9FBF;\r\n --collaborator-color-10: #FFB533;\r\n}\r\n"]}