Recepty se škálují s velikostí okna s @media tagy
This commit is contained in:
@ -5,6 +5,24 @@
|
||||
@import "tables";
|
||||
@import "fonts";
|
||||
|
||||
@media screen and (max-width: 699px){
|
||||
|
||||
main section article {
|
||||
width:$article-width-narrow;
|
||||
margin:$article-margin-narrow;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 700px){
|
||||
|
||||
main section article {
|
||||
width:$article-width;
|
||||
margin:$article-margin;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin:0;
|
||||
}
|
||||
@ -29,8 +47,9 @@ img {
|
||||
}
|
||||
|
||||
main {
|
||||
max-width:$wrap;
|
||||
max-width:$main-wrap;
|
||||
margin:3em auto;
|
||||
padding:$main-padding;
|
||||
|
||||
h2 {
|
||||
font-size:3em;
|
||||
@ -83,12 +102,11 @@ main {
|
||||
article {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
width:$article-width;
|
||||
margin:$article-margin;
|
||||
background:$article-background;
|
||||
border:1px solid $border;
|
||||
border-radius:$article-border-radius;
|
||||
overflow:hidden;
|
||||
box-sizing:border-box;
|
||||
|
||||
a {
|
||||
color:$article-color;
|
||||
|
Reference in New Issue
Block a user