pdostal/receptty.org
1
0
Fork 0
forked from em/receptty.org
Code Issues Pull Requests Releases Activity

Škálování bloku s obsahem

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
sass/style.scss
View File

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