better styling on mobile
This commit is contained in:
parent
416c80fd24
commit
3eb69bd4e4
1 changed files with 20 additions and 15 deletions
35
Y/ystyle.css
35
Y/ystyle.css
|
|
@ -117,6 +117,22 @@ main {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
aside.yfold {
|
||||||
|
margin: 20px 0;
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside .yfold-title, .card .yfold-title {
|
||||||
|
color: black;
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
font-weight: 100;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside .yfold-content, .card .yfold-content {
|
||||||
|
padding: min(40px, 3vw);
|
||||||
|
}
|
||||||
|
|
||||||
h1, h2, h3 {
|
h1, h2, h3 {
|
||||||
font-family: "Poppins", sans-serif;
|
font-family: "Poppins", sans-serif;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
|
|
@ -129,9 +145,9 @@ h4, h5 {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Elements qui s'animent, se plient et se déplient */
|
/* Elements qui s'animent, se plient et se déplient */
|
||||||
.anim-hide {
|
.anim-hide, aside .anim-hide {
|
||||||
padding-top: 0;
|
padding-top: 0 !important;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0 !important;
|
||||||
animation-name: disappear;
|
animation-name: disappear;
|
||||||
animation-duration: 0.75s;
|
animation-duration: 0.75s;
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
|
|
@ -140,7 +156,7 @@ h4, h5 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.hidden {
|
.hidden {
|
||||||
padding-top: 0;
|
padding-top: 0 !important;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -412,17 +428,6 @@ span.lbutton {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
aside.yfold {
|
|
||||||
margin: 20px 0;
|
|
||||||
border-radius: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
aside .yfold-title, .card .yfold-title {
|
|
||||||
color: black;
|
|
||||||
font-family: 'Poppins', sans-serif;
|
|
||||||
font-weight: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.space {
|
img.space {
|
||||||
margin: 25px auto;
|
margin: 25px auto;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue