Adaptations pour mobiles
This commit is contained in:
parent
80d610467c
commit
9117ab4935
82
style.less
82
style.less
|
@ -6,9 +6,6 @@ main {
|
||||||
grid-auto-flow: dense;
|
grid-auto-flow: dense;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
grid-row-gap: 80px;
|
grid-row-gap: 80px;
|
||||||
@media (max-width: 500px) {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nomElementDossier {
|
.nomElementDossier {
|
||||||
|
@ -20,7 +17,58 @@ main {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
color: grey;
|
||||||
|
font-size: 18px;
|
||||||
|
transition: color 0.3s;
|
||||||
|
|
||||||
|
& a:link {
|
||||||
|
color: grey;
|
||||||
|
text-decoration: underline;
|
||||||
|
transition: color 0.3s;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover, &:hover a:link {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.presentation {
|
||||||
|
text-align: justify;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
margin-left: 15%;
|
||||||
|
margin-right: 15%;
|
||||||
|
font-family: Ubuntu, sans-serif;
|
||||||
|
|
||||||
|
@media (max-width: 1300px) {
|
||||||
|
margin-left: 8%;
|
||||||
|
margin-right: 8%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
margin-left: 6%;
|
||||||
|
margin-right: 6%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
background-color: #4d4e52;
|
||||||
|
padding: 30px;
|
||||||
|
border-radius: 20px;
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
padding: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.contPremiereImage {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
.premiereImage {
|
||||||
|
border: 2px white solid;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
@ -30,8 +78,8 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
.dossier img {
|
.dossier img {
|
||||||
border: 2px white solid;
|
border: 2px white solid;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.element a {
|
.element a {
|
||||||
|
@ -42,16 +90,16 @@ html {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
h6 a, h5 a, h4 a, h3 a, h2 a, h1 a {
|
h6 a, h5 a, h4 a, h3 a, h2 a, h1 a {
|
||||||
font-family: Times New Roman;
|
font-family: Times New Roman;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -82,27 +130,31 @@ header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 1700px) {
|
@media (max-width: 1700px) {
|
||||||
|
|
||||||
main {
|
main {
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 1300px) {
|
@media (max-width: 1300px) {
|
||||||
|
|
||||||
main {
|
main {
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -136,8 +188,6 @@ header {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 60px;
|
font-size: 60px;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
|
Loading…
Reference in New Issue