Fix layout

This commit is contained in:
Michal Vanko 2021-05-07 09:46:50 +02:00
parent 9af7671322
commit fd12c3f071
4 changed files with 10 additions and 10 deletions

View File

@ -206,7 +206,7 @@ This code is usually tested by the authors of those libraries.
### Additional resources for integration tests ### Additional resources for integration tests
- [What is API testing](https://www.edureka.co/blog/what-is-api-testing) by [Archana Choudary @ edureka.com](https://www.edureka.co/blog/author/archana-cedureka-co/] - [What is API testing](https://www.edureka.co/blog/what-is-api-testing) by [Archana Choudary @ edureka.com](https://www.edureka.co/blog/author/archana-cedureka-co/)
- [GraphQL integration tests with apollo-server-testing, jest-mongodb and nock](https://medium.com/@jdeflaux/graphql-integration-tests-with-apollo-server-testing-jest-mongodb-and-nock-af5a82e95954) by [Julien Deflaux @ medium.com](https://medium.com/@jdeflaux) - [GraphQL integration tests with apollo-server-testing, jest-mongodb and nock](https://medium.com/@jdeflaux/graphql-integration-tests-with-apollo-server-testing-jest-mongodb-and-nock-af5a82e95954) by [Julien Deflaux @ medium.com](https://medium.com/@jdeflaux)
## End to End (e2e) testing ## End to End (e2e) testing

View File

@ -38,12 +38,12 @@
.app-content { .app-content {
display: grid; display: grid;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
grid-template-columns: 100%;
min-height: 100vh; min-height: 100vh;
} }
main { main {
position: relative; position: relative;
max-width: 100vw;
padding: 1.2em; padding: 1.2em;
h1, h1,
@ -76,7 +76,6 @@
max-width: 48rem; max-width: 48rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
box-shadow: @content-box-shadow;
} }
figure { figure {
max-width: @max-image-size; max-width: @max-image-size;
@ -91,7 +90,6 @@
img { img {
width: 100%; width: 100%;
margin: 0 0 1em 0;
border-radius: 5px; border-radius: 5px;
box-shadow: @content-box-shadow; box-shadow: @content-box-shadow;
} }

View File

@ -71,22 +71,23 @@ a {
} }
main { main {
code, // code,
pre, pre,
code[class*='language-'], // code[class*='language-'],
pre[class*='language-'], pre[class*='language-'],
:not(pre) > code[class*='language-'] { :not(pre) > code {
font-family: menlo, inconsolata, monospace; font-family: menlo, inconsolata, monospace;
background-color: tint(@bg-color, 20%); background-color: tint(@bg-color, 20%);
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
color: lighten(@article-text-color, 15%); color: lighten(@article-text-color, 15%);
text-shadow: 0 1px white; line-height: 1em;
line-height: 1.4em; box-shadow: @code-box-shadow;
border-radius: 3px;
} }
code, code,
code[class*='language-'] { code[class*='language-'] {
font-size: 0.84em; font-size: 0.76em;
} }
} }

View File

@ -25,6 +25,7 @@
@menu-bg-color: fade(@tearkiss, 40%); @menu-bg-color: fade(@tearkiss, 40%);
@content-box-shadow: 0px 0px 2px 1px fade(desaturate(@tearkiss, 50%), 50%); @content-box-shadow: 0px 0px 2px 1px fade(desaturate(@tearkiss, 50%), 50%);
@code-box-shadow: inset 0px 0px 2px 1px fade(desaturate(@tearkiss, 50%), 20%);
@media-l: 1000px; @media-l: 1000px;
@media-m: 700px; @media-m: 700px;