@gospore/theme 1.0.76 → 1.0.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/dist/theme.es.js +1 -1
- package/dist/theme.umd.js +1 -1
- package/package.json +4 -6
- package/src/Theme.vue +0 -61
- package/src/base.less +0 -255
- package/src/borders.less +0 -5
- package/src/colors.js +0 -49
- package/src/colors.less +0 -236
- package/src/component-bundle.less +0 -8
- package/src/elevation.less +0 -26
- package/src/fonts.less +0 -30
- package/src/grid.less +0 -2
- package/src/index.js +0 -4
- package/src/index.less +0 -10
- package/src/layering.less +0 -10
- package/src/reset.less +0 -25
- package/src/sizing.less +0 -17
- package/src/styles.less +0 -176
- package/src/tables.less +0 -0
- package/src/transitions.less +0 -4
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html,body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,img,pre,form,fieldset{margin:0;padding:0}img,fieldset{border:0}body,html,#app{height:100%;width:100%}body{background-color:#fff;color:#091e42;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:23px}input,select,textarea,button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:25px}p,ul,ol,dl,h1,h2,h3,h4,h5,h6,blockquote,pre,form,table{margin:16px 0 0}a{color:#0052cc;text-decoration:none;border-radius:2px;cursor:pointer}a:hover{color:#0065ff;text-decoration:underline}a:active{color:#052fad}h1{font-size:2.07142857em;font-style:normal;line-height:1.10344828em;color:#172b4d;font-weight:600;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] h1{color:#b8c7e0}h1:first-child{margin-top:0}h2{font-size:1.71428571em;font-style:normal;line-height:1.16666667em;color:#172b4d;font-weight:500;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] h2{color:#b8c7e0}h2:first-child{margin-top:0}h3{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#172b4d;font-weight:500;letter-spacing:-.008em;margin-top:28px}[dark-mode=true] h3{color:#b8c7e0}h3:first-child{margin-top:0}h4{font-size:1.14285714em;font-style:normal;line-height:1.25em;color:#172b4d;font-weight:600;letter-spacing:-.006em;margin-top:24px}[dark-mode=true] h4{color:#b8c7e0}h4:first-child{margin-top:0}h5{font-size:1em;font-style:normal;line-height:1.14285714em;color:#172b4d;font-weight:600;letter-spacing:-.003em;margin-top:16px}[dark-mode=true] h5{color:#b8c7e0}h5:first-child{margin-top:0}h6{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#172b4d;font-weight:600;margin-top:20px;text-transform:uppercase}[dark-mode=true] h6{color:#b8c7e0}h6:first-child{margin-top:0}hr{background-color:#dfe1e6;height:2px;border-style:none;margin:40px 0}ul,ol,dl{padding-left:40px}dd,dd+dt,li+li{margin-top:4px}ul ul:not(:first-child),ol ul:not(:first-child),ul ol:not(:first-child),ol ol:not(:first-child){margin-top:4px}p:first-child,ul:first-child,ol:first-child,dl:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,blockquote:first-child,pre:first-child,form:first-child,table:first-child{margin-top:0}:focus{outline:none;box-shadow:0 0 0 2px #4c9aff}[data-whatintent=mouse] :focus{outline:none;box-shadow:none}pre{font-family:SFMono-Medium,SF Mono,Segoe UI Mono,Roboto Mono,Ubuntu Mono,Menlo,Consolas,Courier,monospace;white-space:pre-wrap;padding:8px 16px;border-radius:5px;background:#f4f5f7;font-size:.8rem;overflow-x:auto}blockquote{white-space:pre-wrap;border-left:3px solid #dfe1e6;padding-left:8px;font-style:italic}p code{font-family:SFMono-Medium,SF Mono,Segoe UI Mono,Roboto Mono,Ubuntu Mono,Menlo,Consolas,Courier,monospace;padding:0 8px;border-radius:3px;background:#dfe1e6}table{border-collapse:collapse;width:100%}thead,tbody,tfoot{border-bottom:2px solid #dfe1e6}td,th{border:none;padding:4px 8px;text-align:left}th{font-size:.78571429em;font-style:normal;line-height:1.45454545em;color:#6b778c;font-weight:700;margin-top:16px;line-height:inherit}[dark-mode=true] th{color:#8c9cb8}th:first-child{margin-top:0}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tr{transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}tbody tr:hover{background-color:#f4f5f7}caption{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#172b4d;font-weight:500;letter-spacing:-.008em;margin-top:28px;margin-bottom:8px;text-align:left}[dark-mode=true] caption{color:#b8c7e0}caption:first-child{margin-top:0}[dark-mode=true] body{background-color:#1b2638;color:#b8c7e0}[dark-mode=true] h1,[dark-mode=true] h2,[dark-mode=true] h3,[dark-mode=true] h4,[dark-mode=true] h5{color:#b8c7e0}[dark-mode=true] h6{color:#8c9cb8}[dark-mode=true] a{color:#4c9aff}[dark-mode=true] a:hover{color:#2684ff}[dark-mode=true] a:active{color:#4c9aff}[dark-mode=true] hr{background-color:#3b475c}[dark-mode=true] pre{background:#283447}[dark-mode=true] p code{background:#3b475c}[dark-mode=true] blockquote{border-left:3px solid #3b475c}[dark-mode=true] thead,[dark-mode=true] tbody,[dark-mode=true] tfoot{border-bottom:2px solid #3b475c}[dark-mode=true] tbody tr:hover{background-color:#283447}.heading-900{font-size:2.5em;font-style:normal;line-height:1.14285714em;color:#172b4d;font-weight:500;letter-spacing:-.01em;margin-top:52px}[dark-mode=true] .heading-900{color:#b8c7e0}.heading-900:first-child{margin-top:0}.heading-800{font-size:2.07142857em;font-style:normal;line-height:1.10344828em;color:#172b4d;font-weight:600;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] .heading-800{color:#b8c7e0}.heading-800:first-child{margin-top:0}.heading-700{font-size:1.71428571em;font-style:normal;line-height:1.16666667em;color:#172b4d;font-weight:500;letter-spacing:-.01em;margin-top:40px}[dark-mode=true] .heading-700{color:#b8c7e0}.heading-700:first-child{margin-top:0}.heading-600{font-size:1.42857143em;font-style:normal;line-height:1.2em;color:#172b4d;font-weight:500;letter-spacing:-.008em;margin-top:28px}[dark-mode=true] .heading-600{color:#b8c7e0}.heading-600:first-child{margin-top:0}.heading-500{font-size:1.14285714em;font-style:normal;line-height:1.25em;color:#172b4d;font-weight:600;letter-spacing:-.006em;margin-top:24px}[dark-mode=true] .heading-500{color:#b8c7e0}.heading-500:first-child{margin-top:0}.heading-400{font-size:1em;font-style:normal;line-height:1.14285714em;color:#172b4d;font-weight:600;letter-spacing:-.003em;margin-top:16px}[dark-mode=true] .heading-400{color:#b8c7e0}.heading-400:first-child{margin-top:0}.heading-300{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#172b4d;font-weight:600;margin-top:20px;text-transform:uppercase}[dark-mode=true] .heading-300{color:#b8c7e0}.heading-300:first-child{margin-top:0}.heading-200{font-size:.85714286em;font-style:normal;line-height:1.33333333em;color:#6b778c;font-weight:600;margin-top:16px}[dark-mode=true] .heading-200{color:#8c9cb8}.heading-200:first-child{margin-top:0}.heading-100{font-size:.78571429em;font-style:normal;line-height:1.45454545em;color:#6b778c;font-weight:700;margin-top:16px}[dark-mode=true] .heading-100{color:#8c9cb8}.heading-100:first-child{margin-top:0}.text-caption{font-size:12px;font-weight:400;color:#7a869a}.text-caption-bold{font-size:12px;font-weight:600;color:#091e42}.text-prominent{font-size:14px;font-weight:600;color:#091e42}.error{color:#ff5630}[dark-mode=true] .text-caption{color:#7988a3}[dark-mode=true] .text-caption-bold,[dark-mode=true] .text-prominent{color:#b8c7e0}[dark-mode=true] .error{color:#ff5630}
|
|
1
|
+
:root{--border-radius-regular: 3px;--border-radius-large: 6px;--border-width: var(--border-width-2);--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px}:root{--go-color-primary1: var(--go-color-b600);--go-color-primary2: var(--go-color-b500);--go-color-primary3: var(--go-color-n0);--go-color-n0: #ffffff;--go-color-n10: #fafbfc;--go-color-n10-rgb: 250, 251, 252;--go-color-n20: #f4f5f7;--go-color-n30: #ebecf0;--go-color-n40: #dfe1e6;--go-color-n40-rgb: 223, 225, 230;--go-color-n50: #c1c7d0;--go-color-n60: #b3bac5;--go-color-n70: #a5adba;--go-color-n80: #97a0af;--go-color-n90: #8993a4;--go-color-n100: #7a869a;--go-color-n100-rgb: 122, 134, 154;--go-color-n200: #6b778c;--go-color-n300: #5e6c84;--go-color-n400: #505f79;--go-color-n500: #42526e;--go-color-n600: #344563;--go-color-n700: #253858;--go-color-n800: #172b4d;--go-color-n900: #091e42;--go-color-n1000: #000000;--go-color-n1000-rgb: 0, 0, 0;--go-color-dn0: #0d1424;--go-color-dn0-rgb: 13, 20, 36;--go-color-dn10: #0e1624;--go-color-dn20: #121a29;--go-color-dn30: #1b2638;--go-color-dn40: #202b3d;--go-color-dn50: #283447;--go-color-dn60: #313d52;--go-color-dn70: #3b475c;--go-color-dn70-rgb: 61, 72, 92;--go-color-dn80: #455166;--go-color-dn90: #56637a;--go-color-dn100: #67758f;--go-color-dn200: #7988a3;--go-color-dn200-rgb: 121, 136, 163;--go-color-dn300: #8c9cb8;--go-color-dn400: #9fb0cc;--go-color-dn500: #abbbd6;--go-color-dn500-rgb: 171, 187, 214;--go-color-dn600: #b8c7e0;--go-color-dn700: #ced9eb;--go-color-dn800: #dce5f5;--go-color-dn900: #e6edfa;--go-color-r50: #ffebe6;--go-color-r75: #ffbdad;--go-color-r100: #ff8f73;--go-color-r200: #ff7452;--go-color-r300: #ff5630;--go-color-r300-rgb: 255, 86, 48;--go-color-r400: #de350b;--go-color-r500: #bf2600;--go-color-y50: #fffae6;--go-color-y75: #fff0b3;--go-color-y100: #ffe380;--go-color-y200: #ffc400;--go-color-y300: #ffab00;--go-color-y300-rgb: 255, 171, 0;--go-color-y400: #ff991f;--go-color-y500: #ff8b00;--go-color-g50: #e3fcef;--go-color-g75: #abf5d1;--go-color-g100: #79f2c0;--go-color-g200: #57d9a3;--go-color-g300: #36b37e;--go-color-g300-rgb: 54, 179, 126;--go-color-g400: #00875a;--go-color-g500: #006644;--go-color-b50: #deebff;--go-color-b75: #b3d4ff;--go-color-b100: #4c9aff;--go-color-b100-rgb: 76, 154, 255;--go-color-b200: #2684ff;--go-color-b200-rgb: 38, 132, 255;--go-color-b300: #0065ff;--go-color-b400: #0052cc;--go-color-b400-rgb: 0, 82, 204;--go-color-b500: #0747a6;--go-color-b600: #061f80;--go-color-p50: #eae6ff;--go-color-p75: #c0b6f2;--go-color-p100: #998dd9;--go-color-p100-rgb: 153, 141, 217;--go-color-p200: #8777d9;--go-color-p300: #6554c0;--go-color-p300-rgb: 101, 84, 192;--go-color-p400: #5243aa;--go-color-p500: #403294;--go-color-t50: #e6fcff;--go-color-t75: #b3f5ff;--go-color-t100: #79e2f2;--go-color-t200: #00c7e6;--go-color-t200-rgb: 0, 199, 230;--go-color-t300: #00b8d9;--go-color-t300-rgb: 0, 184, 217;--go-color-t400: #00a3bf;--go-color-t500: #008da6;--go-color-primary-light: var(--go-color-b400);--go-color-primary-dark: var(--go-color-b100);--go-color-blue-light: var(--go-color-b400);--go-color-blue-light-rgb: var(--go-color-b400-rgb);--go-color-blue-dark: var(--go-color-b100);--go-color-blue-dark-rgb: var(--go-color-b100-rgb);--go-color-teal-light: var(--go-color-t300);--go-color-teal-light-rgb: var(--go-color-t300-rgb);--go-color-teal-dark: var(--go-color-t200);--go-color-teal-dark-rgb: var(--go-color-t200-rgb);--go-color-purple-light: var(--go-color-p300);--go-color-purple-light-rgb: var(--go-color-p300-rgb);--go-color-purple-dark: var(--go-color-p100);--go-color-purple-dark-rgb: var(--go-color-p100-rgb);--go-color-red-light: var(--go-color-r300);--go-color-red-light-rgb: var(--go-color-r300-rgb);--go-color-red-dark: var(--go-color-r300);--go-color-red-dark-rgb: var(--go-color-r300-rgb);--go-color-yellow-light: var(--go-color-y300);--go-color-yellow-light-rgb: var(--go-color-y300-rgb);--go-color-yellow-dark: var(--go-color-y300);--go-color-yellow-dark-rgb: var(--go-color-y300-rgb);--go-color-green-light: var(--go-color-g300);--go-color-green-light-rgb: var(--go-color-g300-rgb);--go-color-green-dark: var(--go-color-g300);--go-color-green-dark-rgb: var(--go-color-g300-rgb);--background-color-light: var(--go-color-n0);--background-color-dark: var(--go-color-dn0);--background-color-secondary-light: var(--go-color-n20);--background-color-secondary-dark: var(--go-color-dn30);--text-color-light: var(--go-color-n1000);--text-color-dark: var(--go-color-n0);--placeholder-color-light: var(--go-color-n100);--placeholder-color-dark: var(--go-color-dn200);--heading-color-default-light: var(--go-color-n1000);--heading-color-default-dark: var(--go-color-n0);--heading-color-subtle-light: var(--go-color-n200);--heading-color-subtle-dark: var(--go-color-dn300);--link-color-default-light: var(--go-color-b400);--link-color-default-dark: var(--go-color-b100);--link-color-hover-light: var(--go-color-b300);--link-color-hover-dark: var(--go-color-b200);--link-color-active-light: var(--go-color-b500);--link-color-active-dark: var(--go-color-b100);--focus-outline-color: var(--go-color-b100);--table-border-color-light: var(--go-color-n40);--table-border-color-dark: var(--go-color-dn70);--table-hover-color-light: var(--go-color-n20);--table-hover-color-dark: var(--go-color-dn50);--horizontal-rule-color-light: var(--go-color-n40);--horizontal-rule-color-dark: var(--go-color-dn70);--code-color-light: var(--go-color-n40);--code-color-dark: var(--go-color-dn70);--code-block-color-light: var(--go-color-n20);--code-block-color-dark: var(--go-color-dn50);--blockquote-border-color-light: var(--go-color-n40);--blockquote-border-color-dark: var(--go-color-dn70)}:root{--elevation-card-light: 0 1px 1px var(--go-color-n50), 0 0 1px 0 var(--go-color-n60);--elevation-card-dark: 0 1px 1px var(--go-color-dn20), 0 0 1px var(--go-color-dn30);--elevation-dialog-light: 0 4px 8px -2px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-dialog-dark: 0 4px 8px -2px var(--go-color-dn20), 0 0 1px var(--go-color-dn30);--elevation-modal-light: 0 8px 16px -4px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-modal-dark: 0 8px 16px -4px var(--go-color-dn20), 0 0 1px var(--go-color-dn30);--elevation-panel-light: 0 12px 24px -6px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-panel-dark: 0 12px 24px -6px var(--go-color-dn20), 0 0 1px var(--go-color-dn30);--elevation-flag-light: 0 20px 32px -8px var(--go-color-n50), 0 0 1px var(--go-color-n60);--elevation-flag-dark: 0 20px 32px -8px var(--go-color-dn20), 0 0 1px var(--go-color-dn30);--elevation-avatar-light: inset 0 0 10px fade(var(--go-color-n900), 5%);--elevation-avatar-dark: inset 0 0 10px fade(var(--go-color-n900), 5%)}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-code: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace;--font-style-normal: normal;--font-style-italic: italic;--font-size-default: var(--font-size-14);--font-size-12: 12px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-30: 30px;--font-size-36: 36px;--font-size-48: 48px;--font-size-60: 60px;--font-size-72: 72px;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}:root{--layer-card: 100;--layer-navigation: 200;--layer-dialog: 300;--layer-overlay: 400;--layer-modal: 500;--layer-flag: 600;--layer-spotlight: 700;--layer-tooltip: 800}:root{--size-0: 0px;--size-4: 4px;--size-8: 8px;--size-12: 12px;--size-16: 16px;--size-24: 24px;--size-32: 32px;--size-48: 48px;--size-64: 64px;--size-96: 96px;--size-128: 128px;--size-192: 192px;--size-256: 256px;--size-384: 384px;--size-512: 512px;--size-640: 640px;--size-768: 768px}:root{--transition-100ms-ease-out: .1s ease-out;--transition-100ms-ease-in-out: .1s ease-out;--transition-200ms-ease-in: .2s ease-in;--transition-200ms-ease-in-out: .2s ease-in-out}html,body,p,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,img,pre,form,fieldset{margin:var(--size-0);padding:var(--size-0)}img,fieldset{border:var(--size-0)}body,html,#app{height:100%;width:100%}body{background-color:var(--background-color-light);color:var(--text-color-light);font-family:var(--font-family);font-size:var(--font-size-default);font-style:var(--font-style-normal);font-weight:var(--font-weight-regular);line-height:23px}input,select,textarea,button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:25px}p,ul,ol,dl,h1,h2,h3,h4,h5,h6,blockquote,pre,form,table{margin:calc(var(--grid-size) * 2px) var(--size-0) var(--size-0) var(--size-0)}a{color:var(--link-color-default-light);text-decoration:var(--link-text-decoration-default);border-radius:var(--border-width);cursor:pointer;transition:color var(--transition-100ms-ease-in-out),background-color var(--transition-100ms-ease-in-out)}a:hover{color:var(--link-color-hover-light);text-decoration:var(--link-text-decoration-hover)}a:active{color:var(--link-color-active-light)}h1{font-size:2.07142857em;font-style:var(--font-style-normal);line-height:1.10344828em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] h1{color:var(--heading-color-default-dark)}h1:first-child{margin-top:var(--size-0)}h2{font-size:1.71428571em;font-style:var(--font-style-normal);line-height:1.16666667em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] h2{color:var(--heading-color-default-dark)}h2:first-child{margin-top:var(--size-0)}h3{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px)}[dark-mode=true] h3{color:var(--heading-color-default-dark)}h3:first-child{margin-top:var(--size-0)}h4{font-size:1.14285714em;font-style:var(--font-style-normal);line-height:1.25em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.006em;margin-top:calc(var(--grid-size) * 3px)}[dark-mode=true] h4{color:var(--heading-color-default-dark)}h4:first-child{margin-top:var(--size-0)}h5{font-size:1em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.003em;margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] h5{color:var(--heading-color-default-dark)}h5:first-child{margin-top:var(--size-0)}h6{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2.5px);text-transform:uppercase}[dark-mode=true] h6{color:var(--heading-color-default-dark)}h6:first-child{margin-top:var(--size-0)}ul,ol,dl{padding-left:calc(var(--grid-size) * 5px)}dd,dd+dt,li+li{margin-top:calc(var(--grid-size) / 2px)}ul ul:not(:first-child),ol ul:not(:first-child),ul ol:not(:first-child),ol ol:not(:first-child){margin-top:calc(var(--grid-size) / 2px)}p:first-child,ul:first-child,ol:first-child,dl:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,blockquote:first-child,pre:first-child,form:first-child,table:first-child{margin-top:var(--size-0)}:focus{outline:none;box-shadow:var(--size-0) var(--size-0) var(--size0) var(--focus-outline-width) var(--focus-outline-color)}[data-whatintent=mouse] :focus{outline:none;box-shadow:none}table{border-collapse:collapse;width:100%}thead,tbody,tfoot{border-bottom:var(--border-width) solid var(--table-border-color-light)}td,th{border:none;padding:calc((var(--grid-size) / 2) * 1px) calc(var(--grid-size) * 1px);text-align:left}th{font-size:.78571429em;font-style:var(--font-style-normal);line-height:1.45454545em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-bold);margin-top:calc(var(--grid-size) * 2px);line-height:inherit}[dark-mode=true] th{color:var(--heading-color-subtle-dark)}th:first-child{margin-top:var(--size-0)}td:first-child,th:first-child{padding-left:var(--size-0)}td:last-child,th:last-child{padding-right:var(--size-0)}tr{transition:background .1s ease-out,box-shadow .15s cubic-bezier(.47,.03,.49,1.38)}tbody tr:hover{background-color:var(--table-hover-color-light)}hr{background-color:var(--horizontal-rule-color-light);height:2px;border-style:none;margin:40px var(--size-0)}pre{font-family:var(--font-family-code);white-space:pre-wrap;padding:var(--size-8) var(--size-16);border-radius:var(border-radius-large);background:var(--code-block-color-light);font-size:.8rem;overflow-x:auto}blockquote{white-space:pre-wrap;border-left:var(--border-width-3) solid var(--blockquote-border-color-light);padding-left:var(--size-8);font-style:var(--font-style-italic)}p code{font-family:var(--font-family-code);padding:var(--size-0) var(--size-8);border-radius:var(--border-radius-regular);background:var(--code-color-light)}caption{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px);margin-bottom:var(--size-8);text-align:left}[dark-mode=true] caption{color:var(--heading-color-default-dark)}caption:first-child{margin-top:var(--size-0)}[dark-mode=true] body{background-color:var(--background-color-dark);color:var(--text-color-dark)}[dark-mode=true] h1,[dark-mode=true] h2,[dark-mode=true] h3,[dark-mode=true] h4,[dark-mode=true] h5{color:var(--heading-color-default-dark)}[dark-mode=true] h6{color:var(--heading-color-subtle-dark)}[dark-mode=true] a{color:var(--link-color-default-dark)}[dark-mode=true] a:hover{color:var(--link-color-hover-dark)}[dark-mode=true] a:active{color:var(--link-color-active-dark)}[dark-mode=true] hr{background-color:var(--horizontal-rule-color-dark)}[dark-mode=true] pre{background:var(--code-block-color-dark)}[dark-mode=true] p code{background:var(--code-color-dark)}[dark-mode=true] blockquote{border-left:var(--border-width-3) solid var(--blockquote-border-color-dark)}[dark-mode=true] thead,[dark-mode=true] tbody,[dark-mode=true] tfoot{border-bottom:var(--border-width) solid var(--table-border-color-dark)}[dark-mode=true] tbody tr:hover{background-color:var(--table-hover-color-dark)}:root{--grid-size: 8;--focus-outline-width: 2px;--link-text-decoration-default: none;--link-text-decoration-hover: underline}.heading-900{font-size:2.85714286em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 6.5px)}[dark-mode=true] .heading-900{color:var(--heading-color-default-dark)}.heading-900:first-child{margin-top:var(--size-0)}.heading-800{font-size:2.07142857em;font-style:var(--font-style-normal);line-height:1.10344828em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] .heading-800{color:var(--heading-color-default-dark)}.heading-800:first-child{margin-top:var(--size-0)}.heading-700{font-size:1.71428571em;font-style:var(--font-style-normal);line-height:1.16666667em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.01em;margin-top:calc(var(--grid-size) * 5px)}[dark-mode=true] .heading-700{color:var(--heading-color-default-dark)}.heading-700:first-child{margin-top:var(--size-0)}.heading-600{font-size:1.42857143em;font-style:var(--font-style-normal);line-height:1.2em;color:var(--heading-color-default-light);font-weight:var(--font-weight-medium);letter-spacing:-.008em;margin-top:calc(var(--grid-size) * 3.5px)}[dark-mode=true] .heading-600{color:var(--heading-color-default-dark)}.heading-600:first-child{margin-top:var(--size-0)}.heading-500{font-size:1.14285714em;font-style:var(--font-style-normal);line-height:1.25em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.006em;margin-top:calc(var(--grid-size) * 3px)}[dark-mode=true] .heading-500{color:var(--heading-color-default-dark)}.heading-500:first-child{margin-top:var(--size-0)}.heading-400{font-size:1em;font-style:var(--font-style-normal);line-height:1.14285714em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);letter-spacing:-.003em;margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-400{color:var(--heading-color-default-dark)}.heading-400:first-child{margin-top:var(--size-0)}.heading-300{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-default-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2.5px);text-transform:uppercase}[dark-mode=true] .heading-300{color:var(--heading-color-default-dark)}.heading-300:first-child{margin-top:var(--size-0)}.heading-200{font-size:.85714286em;font-style:var(--font-style-normal);line-height:1.33333333em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-semibold);margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-200{color:var(--heading-color-subtle-dark)}.heading-200:first-child{margin-top:var(--size-0)}.heading-100{font-size:.78571429em;font-style:var(--font-style-normal);line-height:1.45454545em;color:var(--heading-color-subtle-light);font-weight:var(--font-weight-bold);margin-top:calc(var(--grid-size) * 2px)}[dark-mode=true] .heading-100{color:var(--heading-color-subtle-dark)}.heading-100:first-child{margin-top:var(--size-0)}.text-intro{font-size:1.42857143em;font-style:var(--font-style-normal);font-weight:var(--font-weight-regular);line-height:30px}.text-caption{font-size:var(--font-size-12);font-weight:var(--font-weight-regular);color:var(--placeholder-color-light)}.text-caption-bold{font-size:var(--font-size-12);font-weight:var(--font-weight-semibold);color:var(--text-color-light)}.text-prominent{font-size:var(--font-size-default);font-weight:var(--font-weight-semibold);color:var(--text-color-light)}.error{color:var(--go-color-red-light)}[dark-mode=true] .text-caption{color:var(--placeholder-color-dark)}[dark-mode=true] .text-caption-bold,[dark-mode=true] .text-prominent{color:var(--text-color-dark)}[dark-mode=true] .error{color:var(--go-color-red-dark)}
|
package/dist/theme.es.js
CHANGED
|
@@ -307,7 +307,7 @@ var whatInput = { exports: {} };
|
|
|
307
307
|
]);
|
|
308
308
|
});
|
|
309
309
|
})(whatInput);
|
|
310
|
-
var
|
|
310
|
+
var Theme_vue_vue_type_style_index_0_lang = "";
|
|
311
311
|
var _export_sfc = (sfc, props) => {
|
|
312
312
|
const target = sfc.__vccOpts || sfc;
|
|
313
313
|
for (const [key, val] of props) {
|
package/dist/theme.umd.js
CHANGED
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
* @version v5.2.10
|
|
4
4
|
* @link https://github.com/ten1seven/what-input
|
|
5
5
|
* @license MIT
|
|
6
|
-
*/(function(a,E){(function(l,r){a.exports=r()})(A,function(){return function(
|
|
6
|
+
*/(function(a,E){(function(l,r){a.exports=r()})(A,function(){return function(d){var l={};function r(c){if(l[c])return l[c].exports;var s=l[c]={exports:{},id:c,loaded:!1};return d[c].call(s.exports,s,s.exports,r),s.loaded=!0,s.exports}return r.m=d,r.c=l,r.p="",r(0)}([function(d,l){d.exports=function(){if(typeof document=="undefined"||typeof window=="undefined")return{ask:function(){return"initial"},element:function(){return null},ignoreKeys:function(){},specificKeys:function(){},registerOnChange:function(){},unRegisterOnChange:function(){}};var r=document.documentElement,c=null,s="initial",u=s,T=Date.now(),b="false",ye=["button","input","select","textarea"],h=[],O=[16,17,18,91,93],v=[],k={keydown:"keyboard",keyup:"keyboard",mousedown:"mouse",mousemove:"mouse",MSPointerDown:"pointer",MSPointerMove:"pointer",pointerdown:"pointer",pointermove:"pointer",touchstart:"touch",touchend:"touch"},g=!1,y={x:null,y:null},Ne={2:"touch",3:"touch",4:"mouse"},B=!1;try{var Me=Object.defineProperty({},"passive",{get:function(){B=!0}});window.addEventListener("test",null,Me)}catch{}var Ee=function(){k[D()]="mouse",be()},be=function(){var e=B?{passive:!0}:!1;document.addEventListener("DOMContentLoaded",ke),window.PointerEvent?(window.addEventListener("pointerdown",p),window.addEventListener("pointermove",N)):window.MSPointerEvent?(window.addEventListener("MSPointerDown",p),window.addEventListener("MSPointerMove",N)):(window.addEventListener("mousedown",p),window.addEventListener("mousemove",N),"ontouchstart"in window&&(window.addEventListener("touchstart",p,e),window.addEventListener("touchend",p))),window.addEventListener(D(),N,e),window.addEventListener("keydown",p),window.addEventListener("keyup",p),window.addEventListener("focusin",Le),window.addEventListener("focusout",P)},ke=function(){if(b=!(r.getAttribute("data-whatpersist")||document.body.getAttribute("data-whatpersist")==="false"),b)try{window.sessionStorage.getItem("what-input")&&(s=window.sessionStorage.getItem("what-input")),window.sessionStorage.getItem("what-intent")&&(u=window.sessionStorage.getItem("what-intent"))}catch{}m("input"),m("intent")},p=function(e){var n=e.which,i=k[e.type];i==="pointer"&&(i=C(e));var Be=!v.length&&O.indexOf(n)===-1,Pe=v.length&&v.indexOf(n)!==-1,S=i==="keyboard"&&n&&(Be||Pe)||i==="mouse"||i==="touch";if(I(i)&&(S=!1),S&&s!==i&&(s=i,L("input",s),m("input")),S&&u!==i){var w=document.activeElement,Ce=w&&w.nodeName&&(ye.indexOf(w.nodeName.toLowerCase())===-1||w.nodeName.toLowerCase()==="button"&&!Oe(w,"form"));Ce&&(u=i,L("intent",u),m("intent"))}},m=function(e){r.setAttribute("data-what"+e,e==="input"?s:u),Se(e)},N=function(e){var n=k[e.type];n==="pointer"&&(n=C(e)),Te(e),(!g&&!I(n)||g&&e.type==="wheel"||e.type==="mousewheel"||e.type==="DOMMouseScroll")&&u!==n&&(u=n,L("intent",u),m("intent"))},Le=function(e){if(!e.target.nodeName){P();return}c=e.target.nodeName.toLowerCase(),r.setAttribute("data-whatelement",c),e.target.classList&&e.target.classList.length&&r.setAttribute("data-whatclasses",e.target.classList.toString().replace(" ",","))},P=function(){c=null,r.removeAttribute("data-whatelement"),r.removeAttribute("data-whatclasses")},L=function(e,n){if(b)try{window.sessionStorage.setItem("what-"+e,n)}catch{}},C=function(e){return typeof e.pointerType=="number"?Ne[e.pointerType]:e.pointerType==="pen"?"touch":e.pointerType},I=function(e){var n=Date.now(),i=e==="mouse"&&s==="touch"&&n-T<200;return T=n,i},D=function(){var e=null;return"onwheel"in document.createElement("div")?e="wheel":e=document.onmousewheel!==void 0?"mousewheel":"DOMMouseScroll",e},Se=function(e){for(var n=0,i=h.length;n<i;n++)h[n].type===e&&h[n].fn.call(void 0,e==="input"?s:u)},_e=function(e){for(var n=0,i=h.length;n<i;n++)if(h[n].fn===e)return n},Te=function(e){y.x!==e.screenX||y.y!==e.screenY?(g=!1,y.x=e.screenX,y.y=e.screenY):g=!0},Oe=function(e,n){var i=window.Element.prototype;if(i.matches||(i.matches=i.msMatchesSelector||i.webkitMatchesSelector),i.closest)return e.closest(n);do{if(e.matches(n))return e;e=e.parentElement||e.parentNode}while(e!==null&&e.nodeType===1);return null};return"addEventListener"in window&&Array.prototype.indexOf&&Ee(),{ask:function(e){return e==="intent"?u:s},element:function(){return c},ignoreKeys:function(e){O=e},specificKeys:function(e){v=e},registerOnChange:function(e,n){h.push({fn:e,type:n||"input"})},unRegisterOnChange:function(e){var n=_e(e);(n||n===0)&&h.splice(n,1)},clearStorage:function(){window.sessionStorage.clear()}}}()}])})})(K);var Ie="",R=(a,E)=>{const d=a.__vccOpts||a;for(const[l,r]of E)d[l]=r;return d};const U={name:"Theme",provide(){return{theme:this.theme}},data(){return{theme:{darkMode:window.matchMedia("(prefers-color-scheme: dark)").matches}}},watch:{theme:{handler(){document.documentElement.setAttribute("dark-mode",this.theme.darkMode)},deep:!0,immediate:!0}},created(){window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",this.updateDarkMode);var a=document.createElement("meta");a.name="color-scheme",a.setAttribute("content","light dark"),document.getElementsByTagName("head")[0].appendChild(a)},beforeUnmount(){window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",this.updateDarkMode)},methods:{updateDarkMode(a){!a||(this.theme.darkMode=a.matches)}}},j={class:"theme"};function Y(a,E,d,l,r,c){return f.openBlock(),f.createElementBlock("div",j,[f.renderSlot(a.$slots,"default")])}var $=R(U,[["render",Y]]);const G="hsl(225, 90%, 16%)",q="#061f80",M="hsl(225, 94%, 35%)",F="#06c",V="hsl(210, 100%, 50%)",W="hsl(210, 100%, 93%)",X="hsl(225, 100%, 96%)",z="hsl(12, 91%, 46%)",H="hsl(11, 100%, 59%)",J="hsl(40, 100%, 50%)",Q="hsl(46, 100%, 50%)",Z="hsl(120, 100%, 25%)",x="hsl(0, 0%, 0%)",ee="hsl(218, 76%, 15%)",te="hsla(0,0%,10%,.9)",ne="hsla(0,0%,10%,.6)",oe="hsl(218, 20%, 39%)",ie="hsl(218, 17%, 44%)",re="hsl(218, 14%, 49%)",se="hsl(218, 14%, 54%)",ae="hsl(218, 13%, 59%)",ce="hsl(218, 13%, 64%)",ue="hsl(217, 13%, 69%)",de="hsl(223, 12%, 89%)",le="hsl(228, 14%, 93%)",fe="hsl(210, 7%, 95%)",he="hsl(220, 16%, 96%)",pe="hsl(210, 25%, 98%)",me="hsl(0, 0%, 98%)",_="hsl(0, 0%, 100%)",we=M,ve=M,ge=_;t.B100=X,t.B200=W,t.B300=V,t.B400=F,t.B500=M,t.B600=q,t.B900=G,t.G500=Z,t.N0=_,t.N10=pe,t.N100=se,t.N1000=x,t.N20=he,t.N200=re,t.N25=fe,t.N30=le,t.N300=ie,t.N40=de,t.N400=oe,t.N5=me,t.N500=ne,t.N70=ue,t.N80=ce,t.N800=te,t.N90=ae,t.N900=ee,t.R300=H,t.R400=z,t.Y200=Q,t.Y300=J,t.default=$,t.primary1=we,t.primary2=ve,t.primary3=ge,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
package/package.json
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gospore/theme",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.79",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Gospore",
|
|
6
6
|
"files": [
|
|
7
|
-
"dist"
|
|
8
|
-
"src"
|
|
7
|
+
"dist"
|
|
9
8
|
],
|
|
10
9
|
"main": "./dist/theme.umd.js",
|
|
11
10
|
"module": "./dist/theme.es.js",
|
|
@@ -13,8 +12,7 @@
|
|
|
13
12
|
".": {
|
|
14
13
|
"import": "./dist/theme.es.js",
|
|
15
14
|
"require": "./dist/theme.umd.js"
|
|
16
|
-
}
|
|
17
|
-
"./src/component-bundle.less": "./src/component-bundle.less"
|
|
15
|
+
}
|
|
18
16
|
},
|
|
19
17
|
"scripts": {
|
|
20
18
|
"build": "vite build"
|
|
@@ -26,5 +24,5 @@
|
|
|
26
24
|
"@vitejs/plugin-vue": "^2.2.2",
|
|
27
25
|
"vite": "^2.8.4"
|
|
28
26
|
},
|
|
29
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "8df8cc0e95cf0458d5d64a22cc31180364b97668"
|
|
30
28
|
}
|
package/src/Theme.vue
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="theme">
|
|
3
|
-
<slot />
|
|
4
|
-
</div>
|
|
5
|
-
</template>
|
|
6
|
-
|
|
7
|
-
<script>
|
|
8
|
-
// Global imports - Accessibility & Stylesheets
|
|
9
|
-
import "what-input";
|
|
10
|
-
import "./index.less";
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
// eslint-disable-next-line vue/multi-word-component-names
|
|
14
|
-
name: "Theme",
|
|
15
|
-
provide() {
|
|
16
|
-
return {
|
|
17
|
-
theme: this.theme,
|
|
18
|
-
};
|
|
19
|
-
},
|
|
20
|
-
data() {
|
|
21
|
-
return {
|
|
22
|
-
theme: {
|
|
23
|
-
darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches,
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
},
|
|
27
|
-
watch: {
|
|
28
|
-
theme: {
|
|
29
|
-
handler() {
|
|
30
|
-
document.documentElement.setAttribute("dark-mode", this.theme.darkMode);
|
|
31
|
-
},
|
|
32
|
-
deep: true,
|
|
33
|
-
immediate: true,
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
created() {
|
|
37
|
-
window
|
|
38
|
-
.matchMedia("(prefers-color-scheme: dark)")
|
|
39
|
-
.addEventListener("change", this.updateDarkMode);
|
|
40
|
-
|
|
41
|
-
// Set the color-scheme meta tag.
|
|
42
|
-
var colorSchemeMeta = document.createElement("meta");
|
|
43
|
-
colorSchemeMeta.name = "color-scheme";
|
|
44
|
-
colorSchemeMeta.setAttribute("content", "light dark");
|
|
45
|
-
document.getElementsByTagName("head")[0].appendChild(colorSchemeMeta);
|
|
46
|
-
},
|
|
47
|
-
beforeUnmount() {
|
|
48
|
-
window
|
|
49
|
-
.matchMedia("(prefers-color-scheme: dark)")
|
|
50
|
-
.removeEventListener("change", this.updateDarkMode);
|
|
51
|
-
},
|
|
52
|
-
methods: {
|
|
53
|
-
updateDarkMode(event) {
|
|
54
|
-
if (!event) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
this.theme.darkMode = event.matches;
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
</script>
|
package/src/base.less
DELETED
|
@@ -1,255 +0,0 @@
|
|
|
1
|
-
@import "./fonts.less";
|
|
2
|
-
@import "./grid.less";
|
|
3
|
-
|
|
4
|
-
@link-text-decoration: {
|
|
5
|
-
default: none;
|
|
6
|
-
hover: underline;
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
body,
|
|
10
|
-
html,
|
|
11
|
-
#app {
|
|
12
|
-
height: 100%;
|
|
13
|
-
width: 100%;
|
|
14
|
-
}
|
|
15
|
-
body {
|
|
16
|
-
background-color: @background-color[light];
|
|
17
|
-
color: @text-color[light];
|
|
18
|
-
font-family: @font-family;
|
|
19
|
-
font-size: @font-size-default;
|
|
20
|
-
font-style: normal;
|
|
21
|
-
font-weight: @font-weight-regular;
|
|
22
|
-
line-height: 23px;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
input,
|
|
26
|
-
select,
|
|
27
|
-
textarea,
|
|
28
|
-
button {
|
|
29
|
-
font-family: inherit;
|
|
30
|
-
font-size: inherit;
|
|
31
|
-
font-weight: inherit;
|
|
32
|
-
line-height: 25px;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
// Default margins
|
|
36
|
-
p,
|
|
37
|
-
ul,
|
|
38
|
-
ol,
|
|
39
|
-
dl,
|
|
40
|
-
h1,
|
|
41
|
-
h2,
|
|
42
|
-
h3,
|
|
43
|
-
h4,
|
|
44
|
-
h5,
|
|
45
|
-
h6,
|
|
46
|
-
blockquote,
|
|
47
|
-
pre,
|
|
48
|
-
form,
|
|
49
|
-
table {
|
|
50
|
-
margin: (@gridSize * 2px) 0 0 0;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
// Links
|
|
54
|
-
a {
|
|
55
|
-
color: #link-color.default[light];
|
|
56
|
-
text-decoration: @link-text-decoration[default];
|
|
57
|
-
border-radius: @borderWidth;
|
|
58
|
-
cursor: pointer;
|
|
59
|
-
|
|
60
|
-
&:hover {
|
|
61
|
-
color: #link-color.hover[light];
|
|
62
|
-
text-decoration: @link-text-decoration[hover];
|
|
63
|
-
}
|
|
64
|
-
&:active {
|
|
65
|
-
color: #link-color.active[light];
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
// Headings
|
|
70
|
-
h1 {
|
|
71
|
-
.heading-800;
|
|
72
|
-
}
|
|
73
|
-
h2 {
|
|
74
|
-
.heading-700;
|
|
75
|
-
}
|
|
76
|
-
h3 {
|
|
77
|
-
.heading-600;
|
|
78
|
-
}
|
|
79
|
-
h4 {
|
|
80
|
-
.heading-500;
|
|
81
|
-
}
|
|
82
|
-
h5 {
|
|
83
|
-
.heading-400;
|
|
84
|
-
}
|
|
85
|
-
h6 {
|
|
86
|
-
.heading-300;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
hr {
|
|
90
|
-
background-color: @horizontal-rule-color[light];
|
|
91
|
-
height: 2px;
|
|
92
|
-
border-style: none;
|
|
93
|
-
margin: 40px 0;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
// Lists
|
|
97
|
-
ul,
|
|
98
|
-
ol,
|
|
99
|
-
dl {
|
|
100
|
-
padding-left: (@gridSize * 5px);
|
|
101
|
-
}
|
|
102
|
-
dd,
|
|
103
|
-
dd + dt,
|
|
104
|
-
li + li {
|
|
105
|
-
margin-top: (@gridSize / 2px);
|
|
106
|
-
}
|
|
107
|
-
ul,
|
|
108
|
-
ol {
|
|
109
|
-
ul,
|
|
110
|
-
ol {
|
|
111
|
-
&:not(:first-child) {
|
|
112
|
-
margin-top: (@gridSize / 2px);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
// remove top margin for first element
|
|
118
|
-
p:first-child,
|
|
119
|
-
ul:first-child,
|
|
120
|
-
ol:first-child,
|
|
121
|
-
dl:first-child,
|
|
122
|
-
h1:first-child,
|
|
123
|
-
h2:first-child,
|
|
124
|
-
h3:first-child,
|
|
125
|
-
h4:first-child,
|
|
126
|
-
h5:first-child,
|
|
127
|
-
h6:first-child,
|
|
128
|
-
blockquote:first-child,
|
|
129
|
-
pre:first-child,
|
|
130
|
-
form:first-child,
|
|
131
|
-
table:first-child {
|
|
132
|
-
margin-top: 0;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
:focus {
|
|
136
|
-
outline: none;
|
|
137
|
-
box-shadow: 0px 0px 0px @focus-outline-width @focus-outline-color;
|
|
138
|
-
}
|
|
139
|
-
[data-whatintent="mouse"] :focus {
|
|
140
|
-
outline: none;
|
|
141
|
-
box-shadow: none;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
pre {
|
|
145
|
-
font-family: @font-family-code;
|
|
146
|
-
white-space: pre-wrap;
|
|
147
|
-
padding: @size8 @size16;
|
|
148
|
-
border-radius: 5px;
|
|
149
|
-
background: @code-block-color[light];
|
|
150
|
-
font-size: 0.8rem;
|
|
151
|
-
overflow-x: auto;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
blockquote {
|
|
155
|
-
white-space: pre-wrap;
|
|
156
|
-
border-left: 3px solid @blockquote-border-color[light];
|
|
157
|
-
padding-left: @size8;
|
|
158
|
-
font-style: italic;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
p code {
|
|
162
|
-
font-family: @font-family-code;
|
|
163
|
-
padding: @size0 @size8;
|
|
164
|
-
border-radius: @borderRadius;
|
|
165
|
-
background: @code-color[light];
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
table {
|
|
169
|
-
border-collapse: collapse;
|
|
170
|
-
width: 100%;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
thead,
|
|
174
|
-
tbody,
|
|
175
|
-
tfoot {
|
|
176
|
-
border-bottom: @borderWidth solid @table-border-color[light];
|
|
177
|
-
}
|
|
178
|
-
td,
|
|
179
|
-
th {
|
|
180
|
-
border: none;
|
|
181
|
-
padding: (@gridSize / 2) * 1px @gridSize*1px;
|
|
182
|
-
text-align: left;
|
|
183
|
-
}
|
|
184
|
-
th {
|
|
185
|
-
.heading-100;
|
|
186
|
-
line-height: inherit;
|
|
187
|
-
}
|
|
188
|
-
td:first-child,
|
|
189
|
-
th:first-child {
|
|
190
|
-
padding-left: 0;
|
|
191
|
-
}
|
|
192
|
-
td:last-child,
|
|
193
|
-
th:last-child {
|
|
194
|
-
padding-right: 0;
|
|
195
|
-
}
|
|
196
|
-
tr {
|
|
197
|
-
transition: background 0.1s ease-out,
|
|
198
|
-
box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
|
|
199
|
-
}
|
|
200
|
-
tbody tr:hover {
|
|
201
|
-
background-color: @table-hover-color[light];
|
|
202
|
-
}
|
|
203
|
-
caption {
|
|
204
|
-
.heading-600;
|
|
205
|
-
|
|
206
|
-
margin-bottom: @gridSize * 1px;
|
|
207
|
-
text-align: left;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
[dark-mode="true"] {
|
|
211
|
-
body {
|
|
212
|
-
background-color: @background-color[dark];
|
|
213
|
-
color: @text-color[dark];
|
|
214
|
-
}
|
|
215
|
-
h1,
|
|
216
|
-
h2,
|
|
217
|
-
h3,
|
|
218
|
-
h4,
|
|
219
|
-
h5 {
|
|
220
|
-
color: #heading-color.default[dark];
|
|
221
|
-
}
|
|
222
|
-
h6 {
|
|
223
|
-
color: #heading-color.subtle[dark];
|
|
224
|
-
}
|
|
225
|
-
a {
|
|
226
|
-
color: #link-color.default[dark];
|
|
227
|
-
|
|
228
|
-
&:hover {
|
|
229
|
-
color: #link-color.hover[dark];
|
|
230
|
-
}
|
|
231
|
-
&:active {
|
|
232
|
-
color: #link-color.active[dark];
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
hr {
|
|
236
|
-
background-color: @horizontal-rule-color[dark];
|
|
237
|
-
}
|
|
238
|
-
pre {
|
|
239
|
-
background: @code-block-color[dark];
|
|
240
|
-
}
|
|
241
|
-
p code {
|
|
242
|
-
background: @code-color[dark];
|
|
243
|
-
}
|
|
244
|
-
blockquote {
|
|
245
|
-
border-left: 3px solid @blockquote-border-color[dark];
|
|
246
|
-
}
|
|
247
|
-
thead,
|
|
248
|
-
tbody,
|
|
249
|
-
tfoot {
|
|
250
|
-
border-bottom: @borderWidth solid @table-border-color[dark];
|
|
251
|
-
}
|
|
252
|
-
tbody tr:hover {
|
|
253
|
-
background-color: @table-hover-color[dark];
|
|
254
|
-
}
|
|
255
|
-
}
|
package/src/borders.less
DELETED
package/src/colors.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
// Blues
|
|
2
|
-
export const B900 = "hsl(225, 90%, 16%)";
|
|
3
|
-
// @go-color-b700 = #000e7f;
|
|
4
|
-
export const B600 = "#061f80";
|
|
5
|
-
export const B500 = "hsl(225, 94%, 35%)";
|
|
6
|
-
// @go-color-b550 = #131ff2;
|
|
7
|
-
// @go-color-b500 = #001dff;
|
|
8
|
-
// @go-color-b400 = #3333ff;
|
|
9
|
-
export const B400 = "#06c";
|
|
10
|
-
export const B300 = "hsl(210, 100%, 50%)";
|
|
11
|
-
export const B200 = "hsl(210, 100%, 93%)";
|
|
12
|
-
export const B100 = "hsl(225, 100%, 96%)";
|
|
13
|
-
|
|
14
|
-
// Reds
|
|
15
|
-
export const R400 = "hsl(12, 91%, 46%)";
|
|
16
|
-
export const R300 = "hsl(11, 100%, 59%)";
|
|
17
|
-
|
|
18
|
-
// Yellows
|
|
19
|
-
export const Y300 = "hsl(40, 100%, 50%)";
|
|
20
|
-
export const Y200 = "hsl(46, 100%, 50%)";
|
|
21
|
-
|
|
22
|
-
// Greens
|
|
23
|
-
export const G500 = "hsl(120, 100%, 25%)";
|
|
24
|
-
|
|
25
|
-
// Neutrals
|
|
26
|
-
export const N1000 = "hsl(0, 0%, 0%)";
|
|
27
|
-
export const N900 = "hsl(218, 76%, 15%)";
|
|
28
|
-
// @go-color-n900 = hsl(218, 54%, 20%);
|
|
29
|
-
export const N800 = "hsla(0,0%,10%,.9)";
|
|
30
|
-
export const N500 = "hsla(0,0%,10%,.6)";
|
|
31
|
-
export const N400 = "hsl(218, 20%, 39%)";
|
|
32
|
-
export const N300 = "hsl(218, 17%, 44%)";
|
|
33
|
-
export const N200 = "hsl(218, 14%, 49%)";
|
|
34
|
-
export const N100 = "hsl(218, 14%, 54%)";
|
|
35
|
-
export const N90 = "hsl(218, 13%, 59%)";
|
|
36
|
-
export const N80 = "hsl(218, 13%, 64%)";
|
|
37
|
-
export const N70 = "hsl(217, 13%, 69%)";
|
|
38
|
-
export const N40 = "hsl(223, 12%, 89%)";
|
|
39
|
-
export const N30 = "hsl(228, 14%, 93%)";
|
|
40
|
-
export const N25 = "hsl(210, 7%, 95%)";
|
|
41
|
-
export const N20 = "hsl(220, 16%, 96%)";
|
|
42
|
-
export const N10 = "hsl(210, 25%, 98%)";
|
|
43
|
-
export const N5 = "hsl(0, 0%, 98%)";
|
|
44
|
-
export const N0 = "hsl(0, 0%, 100%)";
|
|
45
|
-
|
|
46
|
-
// Primary color palette
|
|
47
|
-
export const primary1 = B500;
|
|
48
|
-
export const primary2 = B500;
|
|
49
|
-
export const primary3 = N0;
|
package/src/colors.less
DELETED
|
@@ -1,236 +0,0 @@
|
|
|
1
|
-
// Primary Color Palette
|
|
2
|
-
@go-color-primary1: @go-color-b600;
|
|
3
|
-
@go-color-primary2: @go-color-b500;
|
|
4
|
-
@go-color-primary3: @go-color-n0;
|
|
5
|
-
|
|
6
|
-
// Neutrals
|
|
7
|
-
@go-color-n0: #ffffff;
|
|
8
|
-
@go-color-n10: #fafbfc;
|
|
9
|
-
@go-color-n20: #f4f5f7;
|
|
10
|
-
@go-color-n30: #ebecf0;
|
|
11
|
-
@go-color-n40: #dfe1e6;
|
|
12
|
-
@go-color-n50: #c1c7d0;
|
|
13
|
-
@go-color-n60: #b3bac5;
|
|
14
|
-
@go-color-n70: #a5adba;
|
|
15
|
-
@go-color-n80: #97a0af;
|
|
16
|
-
@go-color-n90: #8993a4;
|
|
17
|
-
@go-color-n100: #7a869a;
|
|
18
|
-
@go-color-n200: #6b778c;
|
|
19
|
-
@go-color-n300: #5e6c84;
|
|
20
|
-
@go-color-n400: #505f79;
|
|
21
|
-
@go-color-n500: #42526e;
|
|
22
|
-
@go-color-n600: #344563;
|
|
23
|
-
@go-color-n700: #253858;
|
|
24
|
-
@go-color-n800: #172b4d;
|
|
25
|
-
@go-color-n900: #091e42;
|
|
26
|
-
|
|
27
|
-
// Dark Mode Neutrals
|
|
28
|
-
@go-color-dn0: #0d1424;
|
|
29
|
-
@go-color-dn10: #0e1624;
|
|
30
|
-
@go-color-dn20: #121a29;
|
|
31
|
-
@go-color-dn30: #1b2638;
|
|
32
|
-
@go-color-dn40: #202b3d;
|
|
33
|
-
@go-color-dn50: #283447;
|
|
34
|
-
@go-color-dn60: #313d52;
|
|
35
|
-
@go-color-dn70: #3b475c;
|
|
36
|
-
@go-color-dn80: #455166;
|
|
37
|
-
@go-color-dn90: #56637a;
|
|
38
|
-
@go-color-dn100: #67758f;
|
|
39
|
-
@go-color-dn200: #7988a3;
|
|
40
|
-
@go-color-dn300: #8c9cb8;
|
|
41
|
-
@go-color-dn400: #9fb0cc;
|
|
42
|
-
@go-color-dn500: #abbbd6;
|
|
43
|
-
@go-color-dn600: #b8c7e0;
|
|
44
|
-
@go-color-dn700: #ced9eb;
|
|
45
|
-
@go-color-dn800: #dce5f5;
|
|
46
|
-
@go-color-dn900: #e6edfa;
|
|
47
|
-
|
|
48
|
-
// Reds
|
|
49
|
-
@go-color-r50: #ffebe6;
|
|
50
|
-
@go-color-r75: #ffbdad;
|
|
51
|
-
@go-color-r100: #ff8f73;
|
|
52
|
-
@go-color-r200: #ff7452;
|
|
53
|
-
@go-color-r300: #ff5630;
|
|
54
|
-
@go-color-r400: #de350b;
|
|
55
|
-
@go-color-r500: #bf2600;
|
|
56
|
-
|
|
57
|
-
// Yellows
|
|
58
|
-
@go-color-y50: #fffae6;
|
|
59
|
-
@go-color-y75: #fff0b3;
|
|
60
|
-
@go-color-y100: #ffe380;
|
|
61
|
-
@go-color-y200: #ffc400;
|
|
62
|
-
@go-color-y300: #ffab00;
|
|
63
|
-
@go-color-y400: #ff991f;
|
|
64
|
-
@go-color-y500: #ff8b00;
|
|
65
|
-
|
|
66
|
-
// Greens
|
|
67
|
-
@go-color-g50: #e3fcef;
|
|
68
|
-
@go-color-g75: #abf5d1;
|
|
69
|
-
@go-color-g100: #79f2c0;
|
|
70
|
-
@go-color-g200: #57d9a3;
|
|
71
|
-
@go-color-g300: #36b37e;
|
|
72
|
-
@go-color-g400: #00875a;
|
|
73
|
-
@go-color-g500: #006644;
|
|
74
|
-
|
|
75
|
-
// Blues
|
|
76
|
-
@go-color-b50: #deebff;
|
|
77
|
-
@go-color-b75: #b3d4ff;
|
|
78
|
-
@go-color-b100: #4c9aff;
|
|
79
|
-
@go-color-b200: #2684ff;
|
|
80
|
-
@go-color-b300: #0065ff;
|
|
81
|
-
@go-color-b400: #0052cc;
|
|
82
|
-
@go-color-b500: #0747a6;
|
|
83
|
-
|
|
84
|
-
// Purples
|
|
85
|
-
@go-color-p50: #eae6ff;
|
|
86
|
-
@go-color-p75: #c0b6f2;
|
|
87
|
-
@go-color-p100: #998dd9;
|
|
88
|
-
@go-color-p200: #8777d9;
|
|
89
|
-
@go-color-p300: #6554c0;
|
|
90
|
-
@go-color-p400: #5243aa;
|
|
91
|
-
@go-color-p500: #403294;
|
|
92
|
-
|
|
93
|
-
// Teals
|
|
94
|
-
@go-color-t50: #e6fcff;
|
|
95
|
-
@go-color-t75: #b3f5ff;
|
|
96
|
-
@go-color-t100: #79e2f2;
|
|
97
|
-
@go-color-t200: #00c7e6;
|
|
98
|
-
@go-color-t300: #00b8d9;
|
|
99
|
-
@go-color-t400: #00a3bf;
|
|
100
|
-
@go-color-t500: #008da6;
|
|
101
|
-
|
|
102
|
-
// Themed
|
|
103
|
-
@go-color-primary: {
|
|
104
|
-
light: @go-color-b400;
|
|
105
|
-
dark: @go-color-b100;
|
|
106
|
-
};
|
|
107
|
-
@go-color-blue: {
|
|
108
|
-
light: @go-color-b400;
|
|
109
|
-
dark: @go-color-b100;
|
|
110
|
-
};
|
|
111
|
-
@go-color-teal: {
|
|
112
|
-
light: @go-color-t300;
|
|
113
|
-
dark: @go-color-t200;
|
|
114
|
-
};
|
|
115
|
-
@go-color-purple: {
|
|
116
|
-
light: @go-color-p300;
|
|
117
|
-
dark: @go-color-p100;
|
|
118
|
-
};
|
|
119
|
-
@go-color-red: {
|
|
120
|
-
light: @go-color-r300;
|
|
121
|
-
dark: @go-color-r300;
|
|
122
|
-
};
|
|
123
|
-
@go-color-yellow: {
|
|
124
|
-
light: @go-color-y300;
|
|
125
|
-
dark: @go-color-y300;
|
|
126
|
-
};
|
|
127
|
-
@go-color-green: {
|
|
128
|
-
light: @go-color-g300;
|
|
129
|
-
dark: @go-color-g300;
|
|
130
|
-
};
|
|
131
|
-
@background-color: {
|
|
132
|
-
light: @go-color-n0;
|
|
133
|
-
dark: @go-color-dn30;
|
|
134
|
-
};
|
|
135
|
-
@text-color: {
|
|
136
|
-
light: @go-color-n900;
|
|
137
|
-
dark: @go-color-dn600;
|
|
138
|
-
};
|
|
139
|
-
@placeholder-color: {
|
|
140
|
-
light: @go-color-n100;
|
|
141
|
-
dark: @go-color-dn200;
|
|
142
|
-
};
|
|
143
|
-
#heading-color() {
|
|
144
|
-
.default() {
|
|
145
|
-
light: @go-color-n800;
|
|
146
|
-
dark: @go-color-dn600;
|
|
147
|
-
}
|
|
148
|
-
.subtle() {
|
|
149
|
-
light: @go-color-n200;
|
|
150
|
-
dark: @go-color-dn300;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
#link-color() {
|
|
154
|
-
.default() {
|
|
155
|
-
light: @go-color-b400;
|
|
156
|
-
dark: @go-color-b100;
|
|
157
|
-
}
|
|
158
|
-
.hover() {
|
|
159
|
-
light: @go-color-b300;
|
|
160
|
-
dark: @go-color-b200;
|
|
161
|
-
}
|
|
162
|
-
.active() {
|
|
163
|
-
light: @go-color-b500;
|
|
164
|
-
dark: @go-color-b100;
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
@focus-outline-color: @go-color-b100;
|
|
168
|
-
@table-border-color: {
|
|
169
|
-
light: @go-color-n40;
|
|
170
|
-
dark: @go-color-dn70;
|
|
171
|
-
};
|
|
172
|
-
@table-hover-color: {
|
|
173
|
-
light: @go-color-n20;
|
|
174
|
-
dark: @go-color-dn50;
|
|
175
|
-
};
|
|
176
|
-
@horizontal-rule-color: {
|
|
177
|
-
light: @go-color-n40;
|
|
178
|
-
dark: @go-color-dn70;
|
|
179
|
-
};
|
|
180
|
-
@code-color: {
|
|
181
|
-
light: @go-color-n40;
|
|
182
|
-
dark: @go-color-dn70;
|
|
183
|
-
};
|
|
184
|
-
@code-block-color: {
|
|
185
|
-
light: @go-color-n20;
|
|
186
|
-
dark: @go-color-dn50;
|
|
187
|
-
};
|
|
188
|
-
@blockquote-border-color: {
|
|
189
|
-
light: @go-color-n40;
|
|
190
|
-
dark: @go-color-dn70;
|
|
191
|
-
};
|
|
192
|
-
|
|
193
|
-
// // Neutrals
|
|
194
|
-
// @go-color-n0: hsl(0, 0%, 100%);
|
|
195
|
-
// @go-color-n5: hsl(0, 0%, 98%);
|
|
196
|
-
// @go-color-n10: hsl(210, 25%, 98%);
|
|
197
|
-
// @go-color-n20: hsl(220, 16%, 96%);
|
|
198
|
-
@go-color-n25: hsl(210, 7%, 95%);
|
|
199
|
-
// @go-color-n30: hsl(228, 14%, 93%);
|
|
200
|
-
// @go-color-n40: hsl(223, 12%, 89%);
|
|
201
|
-
// @go-color-n70: hsl(217, 13%, 69%);
|
|
202
|
-
// @go-color-n80: hsl(218, 13%, 64%);
|
|
203
|
-
// @go-color-n90: hsl(218, 13%, 59%);
|
|
204
|
-
// @go-color-n100: hsl(218, 14%, 54%);
|
|
205
|
-
// @go-color-n200: hsl(218, 14%, 49%);
|
|
206
|
-
// @go-color-n300: hsl(218, 17%, 44%);
|
|
207
|
-
// @go-color-n400: hsl(218, 20%, 39%);
|
|
208
|
-
// @go-color-n500: hsla(0,0%,10%,.6);
|
|
209
|
-
// @go-color-n800: hsla(0,0%,10%,.9);
|
|
210
|
-
// // @go-color-n900: hsl(218, 54%, 20%);
|
|
211
|
-
// @go-color-n900: hsl(240, 7%, 6%);
|
|
212
|
-
@go-color-n1000: hsl(0, 0%, 0%);
|
|
213
|
-
|
|
214
|
-
// Blues
|
|
215
|
-
@go-color-b900: hsl(225, 90%, 16%);
|
|
216
|
-
// @go-color-b700: #000e7f;
|
|
217
|
-
@go-color-b600: #061f80;
|
|
218
|
-
@go-color-b500: hsl(225, 94%, 35%);
|
|
219
|
-
// @go-color-b550: #131ff2;
|
|
220
|
-
// @go-color-b500: #001dff;
|
|
221
|
-
// @go-color-b400: #3333ff;
|
|
222
|
-
// @go-color-b400: #06c;
|
|
223
|
-
// @go-color-b300: hsl(210, 100%, 50%);
|
|
224
|
-
// @go-color-b200: hsl(210, 100%, 93%);
|
|
225
|
-
// @go-color-b100: hsl(225, 100%, 96%);
|
|
226
|
-
|
|
227
|
-
// // Reds
|
|
228
|
-
// @go-color-r400: hsl(12, 91%, 46%);
|
|
229
|
-
// @go-color-r300: hsl(11, 100%, 59%);
|
|
230
|
-
|
|
231
|
-
// // Yellows
|
|
232
|
-
// @go-color-y300: hsl(40, 100%, 50%);
|
|
233
|
-
// @go-color-y200: hsl(46, 100%, 50%);
|
|
234
|
-
|
|
235
|
-
// // Greens
|
|
236
|
-
// @go-color-g500: hsl(120, 100%, 25%);
|
package/src/elevation.less
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
#elevation() {
|
|
2
|
-
.card() {
|
|
3
|
-
light: 0 1px 1px @go-color-n50, 0 0 1px 0 @go-color-n60;
|
|
4
|
-
dark: 0 1px 1px @go-color-dn20, 0 0 1px @go-color-dn30;
|
|
5
|
-
}
|
|
6
|
-
.dialog() {
|
|
7
|
-
light: 0 4px 8px -2px @go-color-n50, 0 0 1px @go-color-n60;
|
|
8
|
-
dark: 0 4px 8px -2px @go-color-dn20, 0 0 1px @go-color-dn30;
|
|
9
|
-
}
|
|
10
|
-
.modal() {
|
|
11
|
-
light: 0 8px 16px -4px @go-color-n50, 0 0 1px @go-color-n60;
|
|
12
|
-
dark: 0 8px 16px -4px @go-color-dn20, 0 0 1px @go-color-dn30;
|
|
13
|
-
}
|
|
14
|
-
.panel() {
|
|
15
|
-
light: 0 12px 24px -6px @go-color-n50, 0 0 1px @go-color-n60;
|
|
16
|
-
dark: 0 12px 24px -6px @go-color-dn20, 0 0 1px @go-color-dn30;
|
|
17
|
-
}
|
|
18
|
-
.flag() {
|
|
19
|
-
light: 0 20px 32px -8px @go-color-n50, 0 0 1px @go-color-n60;
|
|
20
|
-
dark: 0 20px 32px -8px @go-color-dn20, 0 0 1px @go-color-dn30;
|
|
21
|
-
}
|
|
22
|
-
.avatar() {
|
|
23
|
-
light: inset 0 0 10px fade(@go-color-n900, 5%);
|
|
24
|
-
dark: inset 0 0 10px fade(@go-color-n900, 5%)
|
|
25
|
-
}
|
|
26
|
-
}; ;
|
package/src/fonts.less
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
@font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
|
2
|
-
"Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
3
|
-
@font-family-code: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono",
|
|
4
|
-
"Ubuntu Mono", Menlo, Consolas, Courier, monospace;
|
|
5
|
-
|
|
6
|
-
@font-style: normal;
|
|
7
|
-
|
|
8
|
-
@font-size-default: @font-size-14;
|
|
9
|
-
// @font-size-11: 11px;
|
|
10
|
-
@font-size-12: 12px;
|
|
11
|
-
@font-size-14: 14px;
|
|
12
|
-
@font-size-15: 15px;
|
|
13
|
-
@font-size-16: 16px;
|
|
14
|
-
@font-size-18: 18px;
|
|
15
|
-
@font-size-20: 20px;
|
|
16
|
-
@font-size-24: 24px;
|
|
17
|
-
@font-size-30: 30px;
|
|
18
|
-
@font-size-36: 36px;
|
|
19
|
-
@font-size-48: 48px;
|
|
20
|
-
@font-size-60: 60px;
|
|
21
|
-
@font-size-72: 72px;
|
|
22
|
-
|
|
23
|
-
@font-weight-thin: 100;
|
|
24
|
-
@font-weight-light: 300;
|
|
25
|
-
@font-weight-regular: 400;
|
|
26
|
-
@font-weight-medium: 500;
|
|
27
|
-
@font-weight-semibold: 600;
|
|
28
|
-
@font-weight-bold: 700;
|
|
29
|
-
@font-weight-extrabold: 800;
|
|
30
|
-
@font-weight-black: 900;
|
package/src/grid.less
DELETED
package/src/index.js
DELETED
package/src/index.less
DELETED
package/src/layering.less
DELETED
package/src/reset.less
DELETED
package/src/sizing.less
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
@size0: 0px;
|
|
2
|
-
@size4: 4px;
|
|
3
|
-
@size8: 8px;
|
|
4
|
-
@size12: 12px;
|
|
5
|
-
@size16: 16px;
|
|
6
|
-
@size24: 24px;
|
|
7
|
-
@size32: 32px;
|
|
8
|
-
@size48: 48px;
|
|
9
|
-
@size64: 64px;
|
|
10
|
-
@size96: 96px;
|
|
11
|
-
@size128: 128px;
|
|
12
|
-
@size192: 192px;
|
|
13
|
-
@size256: 256px;
|
|
14
|
-
@size384: 384px;
|
|
15
|
-
@size512: 512px;
|
|
16
|
-
@size640: 640px;
|
|
17
|
-
@size768: 768px;
|
package/src/styles.less
DELETED
|
@@ -1,176 +0,0 @@
|
|
|
1
|
-
@import "grid.less";
|
|
2
|
-
|
|
3
|
-
.heading-900 {
|
|
4
|
-
font-size: unit((35px / @font-size-default), em);
|
|
5
|
-
font-style: @font-style;
|
|
6
|
-
line-height: unit((40px / 35px), em);
|
|
7
|
-
color: #heading-color.default[light];
|
|
8
|
-
font-weight: @font-weight-medium;
|
|
9
|
-
letter-spacing: -0.01em;
|
|
10
|
-
margin-top: @gridSize * 6.5px;
|
|
11
|
-
|
|
12
|
-
[dark-mode="true"] & {
|
|
13
|
-
color: #heading-color.default[dark];
|
|
14
|
-
}
|
|
15
|
-
&:first-child {
|
|
16
|
-
margin-top: @size0;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
.heading-800 {
|
|
20
|
-
font-size: unit((29px / @font-size-default), em);
|
|
21
|
-
font-style: @font-style;
|
|
22
|
-
line-height: unit((32px / 29px), em);
|
|
23
|
-
color: #heading-color.default[light];
|
|
24
|
-
font-weight: @font-weight-semibold;
|
|
25
|
-
letter-spacing: -0.01em;
|
|
26
|
-
margin-top: @gridSize * 5px;
|
|
27
|
-
|
|
28
|
-
[dark-mode="true"] & {
|
|
29
|
-
color: #heading-color.default[dark];
|
|
30
|
-
}
|
|
31
|
-
&:first-child {
|
|
32
|
-
margin-top: @size0;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
.heading-700 {
|
|
36
|
-
font-size: unit((24px / @font-size-default), em);
|
|
37
|
-
font-style: @font-style;
|
|
38
|
-
line-height: unit((28px / 24px), em);
|
|
39
|
-
color: #heading-color.default[light];
|
|
40
|
-
font-weight: @font-weight-medium;
|
|
41
|
-
letter-spacing: -0.01em;
|
|
42
|
-
margin-top: @gridSize * 5px;
|
|
43
|
-
|
|
44
|
-
[dark-mode="true"] & {
|
|
45
|
-
color: #heading-color.default[dark];
|
|
46
|
-
}
|
|
47
|
-
&:first-child {
|
|
48
|
-
margin-top: @size0;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
.heading-600 {
|
|
52
|
-
font-size: unit((20px / @font-size-default), em);
|
|
53
|
-
font-style: @font-style;
|
|
54
|
-
line-height: unit((24px / 20px), em);
|
|
55
|
-
color: #heading-color.default[light];
|
|
56
|
-
font-weight: @font-weight-medium;
|
|
57
|
-
letter-spacing: -0.008em;
|
|
58
|
-
margin-top: @gridSize * 3.5px;
|
|
59
|
-
|
|
60
|
-
[dark-mode="true"] & {
|
|
61
|
-
color: #heading-color.default[dark];
|
|
62
|
-
}
|
|
63
|
-
&:first-child {
|
|
64
|
-
margin-top: @size0;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
.heading-500 {
|
|
68
|
-
font-size: unit((16px / @font-size-default), em);
|
|
69
|
-
font-style: @font-style;
|
|
70
|
-
line-height: unit((20px / 16px), em);
|
|
71
|
-
color: #heading-color.default[light];
|
|
72
|
-
font-weight: @font-weight-semibold;
|
|
73
|
-
letter-spacing: -0.006em;
|
|
74
|
-
margin-top: @gridSize * 3px;
|
|
75
|
-
|
|
76
|
-
[dark-mode="true"] & {
|
|
77
|
-
color: #heading-color.default[dark];
|
|
78
|
-
}
|
|
79
|
-
&:first-child {
|
|
80
|
-
margin-top: @size0;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
.heading-400 {
|
|
84
|
-
font-size: unit((14px / @font-size-default), em);
|
|
85
|
-
font-style: @font-style;
|
|
86
|
-
line-height: unit((16px / 14px), em);
|
|
87
|
-
color: #heading-color.default[light];
|
|
88
|
-
font-weight: @font-weight-semibold;
|
|
89
|
-
letter-spacing: -0.003em;
|
|
90
|
-
margin-top: @gridSize * 2px;
|
|
91
|
-
|
|
92
|
-
[dark-mode="true"] & {
|
|
93
|
-
color: #heading-color.default[dark];
|
|
94
|
-
}
|
|
95
|
-
&:first-child {
|
|
96
|
-
margin-top: @size0;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
.heading-300 {
|
|
100
|
-
font-size: unit((12px / @font-size-default), em);
|
|
101
|
-
font-style: @font-style;
|
|
102
|
-
line-height: unit((16px / 12px), em);
|
|
103
|
-
color: #heading-color.default[light];
|
|
104
|
-
font-weight: @font-weight-semibold;
|
|
105
|
-
margin-top: @gridSize * 2.5px;
|
|
106
|
-
text-transform: uppercase;
|
|
107
|
-
|
|
108
|
-
[dark-mode="true"] & {
|
|
109
|
-
color: #heading-color.default[dark];
|
|
110
|
-
}
|
|
111
|
-
&:first-child {
|
|
112
|
-
margin-top: @size0;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
.heading-200 {
|
|
116
|
-
font-size: unit((12px / @font-size-default), em);
|
|
117
|
-
font-style: @font-style;
|
|
118
|
-
line-height: unit((16px / 12px), em);
|
|
119
|
-
color: #heading-color.subtle[light];
|
|
120
|
-
font-weight: @font-weight-semibold;
|
|
121
|
-
margin-top: @gridSize * 2px;
|
|
122
|
-
|
|
123
|
-
[dark-mode="true"] & {
|
|
124
|
-
color: #heading-color.subtle[dark];
|
|
125
|
-
}
|
|
126
|
-
&:first-child {
|
|
127
|
-
margin-top: @size0;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
.heading-100 {
|
|
131
|
-
font-size: unit((11px / @font-size-default), em);
|
|
132
|
-
font-style: @font-style;
|
|
133
|
-
line-height: unit((16px / 11px), em);
|
|
134
|
-
color: #heading-color.subtle[light];
|
|
135
|
-
font-weight: @font-weight-bold;
|
|
136
|
-
margin-top: @gridSize * 2px;
|
|
137
|
-
|
|
138
|
-
[dark-mode="true"] & {
|
|
139
|
-
color: #heading-color.subtle[dark];
|
|
140
|
-
}
|
|
141
|
-
&:first-child {
|
|
142
|
-
margin-top: @size0;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.text-caption {
|
|
147
|
-
font-size: @font-size-12;
|
|
148
|
-
font-weight: @font-weight-regular;
|
|
149
|
-
color: @placeholder-color[light];
|
|
150
|
-
}
|
|
151
|
-
.text-caption-bold {
|
|
152
|
-
font-size: @font-size-12;
|
|
153
|
-
font-weight: @font-weight-semibold;
|
|
154
|
-
color: @text-color[light];
|
|
155
|
-
}
|
|
156
|
-
.text-prominent {
|
|
157
|
-
font-size: @font-size-default;
|
|
158
|
-
font-weight: @font-weight-semibold;
|
|
159
|
-
color: @text-color[light];
|
|
160
|
-
}
|
|
161
|
-
.error {
|
|
162
|
-
color: @go-color-red[light];
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
[dark-mode="true"] {
|
|
166
|
-
.text-caption {
|
|
167
|
-
color: @placeholder-color[dark];
|
|
168
|
-
}
|
|
169
|
-
.text-caption-bold,
|
|
170
|
-
.text-prominent {
|
|
171
|
-
color: @text-color[dark];
|
|
172
|
-
}
|
|
173
|
-
.error {
|
|
174
|
-
color: @go-color-red[dark];
|
|
175
|
-
}
|
|
176
|
-
}
|
package/src/tables.less
DELETED
|
File without changes
|
package/src/transitions.less
DELETED