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

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

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