responsive
This commit is contained in:
@@ -8,13 +8,19 @@
|
||||
.region-content{
|
||||
|
||||
#block-contenudelapageprincipale{
|
||||
|
||||
padding-top: 8rem;
|
||||
@media (max-width: 479px){
|
||||
padding-top: 5rem;
|
||||
padding-left: 5rem;
|
||||
}
|
||||
|
||||
span{
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
vertical-align: middle;
|
||||
color: $white;
|
||||
h2{
|
||||
display: inline;
|
||||
font-family: 'Source Code Pro';
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
@@ -24,14 +30,23 @@
|
||||
width: fit-content;
|
||||
margin-left: 10%;
|
||||
margin-top: 8rem;
|
||||
margin-bottom: 6rem;
|
||||
|
||||
|
||||
@media (max-width: 479px) {
|
||||
margin-right: 37%;
|
||||
margin-bottom: 2rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.layout--threecol-25-50-25{
|
||||
.layout__region--second{
|
||||
padding-top: 3rem;
|
||||
flex: 0 1 50%;
|
||||
margin-left: 25%;
|
||||
margin-left: 20%;
|
||||
@media (max-width: 479px) {
|
||||
flex: 0 1 80%;
|
||||
margin: 0;
|
||||
}
|
||||
.block-region-second{
|
||||
.block-config-pages-block{
|
||||
background-color: $white;
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
margin-left: 10%;
|
||||
margin-top: 8rem;
|
||||
@media (max-width: 810px){
|
||||
margin-left: 6%;
|
||||
margin-left: 8%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -27,7 +27,9 @@
|
||||
margin-left: 8%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
.field--name-title{
|
||||
display: inline;
|
||||
font-family: 'Source Code Pro';
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
@@ -83,7 +85,10 @@
|
||||
@media (max-width: 810px){
|
||||
flex: 0 1 80%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px){
|
||||
padding-top: 5rem;
|
||||
}
|
||||
// paragraphe texte
|
||||
.block-entity-fieldnodefield-textes{
|
||||
margin-top: 1rem;
|
||||
|
||||
Reference in New Issue
Block a user