UNPKG

@agreed/ui

Version:

UI for [Agreed](https://www.npmjs.com/package/agreed-core)

1 lines 8.71 kB
{"version":3,"file":"static/css/main.4e871676.css","mappings":"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","sources":["index.css","components/App/styles.css","components/Navigation/styles.css","components/MethodLabel/styles.css","components/Definitions/styles.css","components/Body/styles.css","components/Agree/styles.css","components/Agrees/styles.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i|PT+Sans');\n\n/* RGB */\n:root {\n --color: rgba(26, 40, 31, 1);\n --color-link: rgba(26, 40, 31, 0.7);\n --color0: white;\n --color1: rgba(26, 40, 31, 0.6);\n --color2: rgba(99, 82, 85, 1);\n --color3: rgba(206, 123, 145, 1);\n --color4: rgba(192, 232, 249, 1);\n --color5: rgba(164, 191, 189, 1);\n --color-green: #66BB6A;\n}\n\n* {\n margin: 0;\n padding: 0;\n}\n\na {\n color: var(--color-link);\n}\n\na:hover {\n color: #bbb;\n}\n\nh1 {\n font-size: 1.5rem;\n margin: 2rem 0;\n}\n\nh2 {\n font-size: 1.2rem;\n margin: 2rem 0 1rem;\n}\n\nbody {\n color: var(--color);\n display: flex;\n font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", sans-serif;\n flex-direction: column;\n min-height: 100vh;\n}\n\n",".wrap {\n align-items: stretch;\n display: flex;\n flex-direction: column;\n height: 100vh;\n}\n\nheader {\n align-items: center;\n background: white;\n box-shadow: 0 0 2.25rem #9da5ab;\n display: flex;\n font-family: 'PT Sans', sans-serif;\n justify-content: space-between;\n padding: 20px;\n position: relative;\n z-index: 1;\n}\n\nheader h1 {\n margin: 0;\n}\n\nheader p {\n font-weight: bold;\n}\n\n.container {\n align-items: stretch;\n display: flex;\n flex: 1;\n}\n\nmain {\n flex-grow: 3;\n order: 2;\n padding: 20px 0;\n overflow: auto;\n position: relative;\n}\n\naside {\n box-shadow: 0 0 0.5rem #9da5ab;\n font-weight: 300;\n flex: 1;\n order: 1;\n overflow: auto;\n padding: 20px;\n position: relative;\n min-width: 300px;\n}\n\n.search {\n margin: 1rem 0;\n}\n\n.search__input {\n border: none;\n border-bottom: 2px solid #ddd;\n font-size: 1rem;\n font-weight: 300;\n padding: 0.5rem 0;\n transition: border-color 0.1s ease-out;\n width: 80%;\n}\n\n.search__input:focus {\n outline: 0;\n display: block;\n border-bottom: 2px solid var(--color5);\n}\n\n.search__group {\n display: block;\n font-size: 0.9rem;\n margin-top: 5px;\n}\n\n\n","nav {\n position: absolute;\n padding-bottom: 20px;\n}\n\nnav p {\n margin: 4px 0;\n}\n\ndetails {\n padding-bottom: 7px;\n}\n\nsummary {\n color: var(--color5);\n cursor: pointer;\n font-size: 0.9rem;\n margin-bottom: 4px;\n outline: none;\n}\n\ndetails > p {\n padding-left: 1em;\n margin-top: 3px;\n}\n\ndetails summary::-webkit-details-marker {\n transform: translate(0, 1px) scale(0.7);\n opacity: 0.5;\n}\n\n.count {\n border-radius: 8px;\n border: 1px solid var(--color5);\n background: var(--color5);\n color: var(--color0);\n display: inline-block;\n font-size: 0.5rem;\n margin-left: 5px;\n opacity: 0.6;\n padding: 0px 3px;\n position: relative;\n top: -1px;\n}\n\n.statusLabel {\n border-radius: 6px;\n color: var(--color0);\n display: inline-block;\n font-size: 0.5rem;\n padding: 2px 4px;\n margin-right: 0.25rem;\n opacity: 0.8;\n}\n\n.statusLabel--2 {\n background: var(--color-green);\n}\n\n.statusLabel--3 {\n background: var(--color4);\n}\n\n.statusLabel--4 {\n background: var(--color3);\n}\n\n.statusLabel--5 {\n background: var(--color5);\n}\n\n",".method {\n margin-right: 5px;\n font-size: 12px;\n font-weight: 300;\n font-style: normal;\n border: 1px solid #999;\n color: #999;\n border-radius: 2px;\n padding: 2px 3px;\n display: inline-block;\n}\n.method.get {\n color: #66BB6A;\n border-color: #66BB6A;\n}\n.method.delete {\n color: #999;\n border-color: #999;\n}\n.method.put { \n color: #9E9D24;\n border-color: #9E9D24;\n}\n.method.post {\n color: #F9A825;\n border-color: #F9A825;\n}\n.method.patch {\n color: #9C27B0;\n border-color: #9C27B0;\n}\n",".definitions {\n color: var(--color1);\n margin: 1.5em 0;\n}\n\n.definitions h1 {\n font-size: 1em;\n color: var(--color5);\n margin-top: 0;\n margin-bottom: 1em;\n padding-left: 0;\n}\n\n.definitions > p,\n.definitions > dl {\n margin: 0.25em 1em;\n}\n\n.definitions dl dt {\n color: var(--color3);\n font-weight: bold;\n font-style: italic;\n}\n\n.definitions dl dt:after {\n content: ': ';\n}\n\n.definitions dl > * {\n display: inline-block;\n margin-right: 0.5em;\n}\n","button {\n background-color: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n padding: 0;\n appearance: none;\n}\n\n.body {\n color: var(--color1);\n padding: 0;\n}\n\n.body > .buttonGroup {\n margin-bottom: 1em;\n padding: 0 30px;\n}\n\n.body > .code {\n background: #efefef;\n font-weight: 300;\n font-size: 0.9rem;\n max-height: 500px;\n margin: 1em 0;\n overflow: auto;\n padding: 2em 2em;\n}\n\n.body > .code ul {\n background: #efefef !important;\n}\n\n.buttonGroup button {\n margin-right: 1em;\n}\n\n.tabButton {\n box-sizing: border-box;\n color: var(--color5);\n opacity: 0.4;\n font-size: 1rem;\n font-weight: bold;\n padding: 0 1px 3px;\n}\n\n.tabButton:hover {\n opacity: 1;\n}\n\n.tabButton:disabled {\n color: var(--color5);\n cursor: initial;\n opacity: 1;\n border-bottom: 2px solid var(--color5);\n}\n\n.onlyButton.tabButton:disabled {\n border: none;\n}\n",".contents > .agree {\n padding-top: 2rem;\n margin-bottom: 2rem;\n}\n\n.contents > .agree:first-child {\n padding-top: 0;\n}\n\n.agree > h1,\n.agree > h2,\n.agree > section,\n.agree .description,\n.agree .definitions {\n padding: 0 30px;\n}\n\n.agree h2 {\n color: var(--color);\n border-left: 2px #aaa solid;\n padding-left: 28px;\n}\n\n.title {\n align-items: center;\n border-left: 2px var(--color) solid;\n display: flex;\n font-family: 'Open Sans', sans-serif;\n font-style: italic;\n margin: 0 0 0 0;\n}\n\n.title > * {\n margin-right: 0.6rem;\n}\n\n.description {\n color: var(--color1);\n margin: 0.25rem 0;\n}\n\n",".contents section h2 {\n color: var(--color);\n border-left: 2px #aaa solid;\n padding-left: 28px;\n}\n\n.contents {\n position: absolute;\n width: 100%;\n}\n\n\n"],"names":[],"sourceRoot":""}