oceanprotocol/docs
1
0
Fork 0
mirror of https://github.com/oceanprotocol/docs.git synced 2024-11-01 15:55:34 +01:00
Code Releases Activity

styling

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-11-29 22:37:50 +01:00
parent fe5902e5b1
commit 030d01dc0c
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/templates/ApiSwagger.jsx
View File

@ -104,7 +104,7 @@ const Parameters = ({ parameters }) => (
return (
<div className={styles.parameters} key={parameter.name}>
<h5>
{name}
<code>{name}</code>
{required && (
<span
className={styles.parameterRequired}
@ -190,6 +190,7 @@ const Paths = ({ paths }) =>
const BasePath = ({ host, basePath }) => (
<div className={styles.basePath}>
<h2>Base Path</h2>
<code>
<span>{host}</span>
{basePath}

29
src/templates/ApiSwagger.module.scss
View File

@ -24,19 +24,14 @@
}
.basePath {
margin-top: $spacer * 2;
font-size: $font-size-large;
font-family: $font-family-monospace;
font-weight: $font-weight-bold;
position: relative;
margin-top: $spacer;
&:after {
content: 'Base path';
font-size: $font-size-mini;
color: $brand-grey-light;
position: absolute;
left: 0;
top: -1.25rem;
h2 {
font-size: $font-size-h3;
border-bottom: 1px solid $brand-grey-lighter;
padding-bottom: $spacer / 2;
margin-top: $spacer * 2;
margin-bottom: $spacer;
}
span {
@ -45,12 +40,13 @@
code {
// stylelint-disable-next-line
font-size: inherit !important;
font-size: $font-size-large !important;
font-weight: $font-weight-bold;
}
}
.pathName {
font-size: $font-size-h2;
font-size: $font-size-h3;
border-bottom: 1px solid $brand-grey-lighter;
padding-bottom: $spacer / 2;
margin-top: $spacer * 2;
@ -103,10 +99,11 @@
h5 {
font-size: $font-size-small;
margin-bottom: $spacer / 4;
font-family: $font-family-monospace;
}
pre {
max-height: 80vh;
code {
padding: $spacer / $line-height;
}
@ -114,7 +111,7 @@
}
.parameterRequired {
font-size: $font-size-mini;
font-size: $font-size-small;
vertical-align: top;
color: $brand-purple;
}