Škálování bloku s obsahem

This commit is contained in:
Emil Miler 2020-01-01 21:28:31 +01:00
parent 55f3a0ca84
commit 26e69618f4
1 changed files with 20 additions and 4 deletions

View File

@ -7,6 +7,16 @@
@media screen and (max-width: 699px){
main {
margin:0;
&.recipe {
padding:1em;
border:none;
border-radius:0;
}
}
main section article {
width:$article-width-narrow;
margin:$article-margin-narrow;
@ -16,6 +26,16 @@
@media screen and (min-width: 700px){
main {
margin:3em auto;
&.recipe {
padding:1em 4em;
border:1px solid $border;
border-radius:8px;
}
}
main section article {
width:$article-width;
margin:$article-margin;
@ -48,7 +68,6 @@ img {
main {
max-width:$main-wrap;
margin:3em auto;
padding:$main-padding;
h2 {
@ -59,9 +78,6 @@ main {
&.recipe {
background:$recipe-background;
max-width:$recipe-wrap;
padding:1em 4em;
border:1px solid $border;
border-radius:8px;
img {
display:block;