kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

header responsive

Browse Source
This commit is contained in:
ouidade
2024-05-24 14:42:13 +02:00
parent c1813c4873
commit 284ca4d5e6
3 changed files with 135 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/colloque2024/css-compiled/index.css
+61 -60
View File
@@ -598,6 +598,64 @@ header #block-colloque2024-mainnavigation ul li {
font-size: 0.7rem;
color: #038788; }
#mainHome {
max-width: 100vw;
margin: 0;
display: flex; }
#mainHome .layout-content {
margin: auto;
max-width: 1140px; }
#block-colloque2024-renderedsitesettingsblock-6 {
display: flex;
margin: auto; }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: auto; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: flex;
flex-direction: column; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 7rem;
font-family: 'Mariannebold';
line-height: 95%;
grid-column: 1 / span 5;
grid-row: 2;
margin-bottom: 2rem; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 3.5rem;
order: 3; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
grid-column: 1 / 4;
grid-row: 3;
font-size: 2.5rem; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
font-size: 1.5rem;
order: 4; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
text-transform: uppercase;
font-family: 'Mariannebold';
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
font-size: 1.5rem;
order: 2; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
text-transform: uppercase;
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
font-size: 1.5rem;
order: 1; } }
#block-colloque2024-views-block-dernieres-publications-block-1 .views section:not(.wrap_head),
#block-colloque2024-views-block-slide-interviews-block-1 .views section:not(.wrap_head) {
margin: 1rem 0; }
@@ -698,64 +756,6 @@ header #block-colloque2024-mainnavigation ul li {
#block-colloque2024-views-block-slide-programme-block-1 {
margin-top: 0; } }
#mainHome {
max-width: 100vw;
margin: 0;
display: flex; }
#mainHome .layout-content {
margin: auto;
max-width: 1140px; }
#block-colloque2024-renderedsitesettingsblock-6 {
display: flex;
margin: auto; }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: auto; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity {
display: flex;
flex-direction: column; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 7rem;
font-family: 'Mariannebold';
line-height: 95%;
grid-column: 1 / span 5;
grid-row: 2;
margin-bottom: 2rem; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(1) {
font-size: 4.5rem;
order: 3; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
grid-column: 1 / 4;
grid-row: 3;
font-size: 2.5rem; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(2) {
font-size: 1.5rem;
order: 4; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
text-transform: uppercase;
font-family: 'Mariannebold';
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(4) {
font-size: 1.5rem;
order: 2; } }
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
text-transform: uppercase;
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem; }
@media screen and (max-width: 550px) {
#block-colloque2024-renderedsitesettingsblock-6 .site_setting_entity div:nth-of-type(3) {
font-size: 1.5rem;
order: 1; } }
#block-colloque2024-views-block-slide-interviews-block-1 {
display: none; }
@@ -1026,8 +1026,9 @@ header {
header .row {
padding-left: 20px;
flex-wrap: nowrap; } }
@media screen and (max-width: 550px) {
@media screen and (max-width: 350px) {
header .row {
padding-left: 10px;
flex-wrap: nowrap; } }
header .row #block-colloque2024-logorepublique, header .row #block-colloque2024-logoepau {
max-height: inherit; }
@@ -1047,7 +1048,7 @@ header {
object-fit: contain; } }
@media screen and (max-width: 550px) {
header .row #block-colloque2024-logorepublique > div a img, header .row #block-colloque2024-logoepau > div a img {
width: 100px;
width: 85px;
object-fit: contain; } }
header .row #block-colloque2024-logorepublique.is-active, header .row #block-colloque2024-logoepau.is-active {
z-index: 10000; }
web/themes/custom/colloque2024/css/components/header/header.scss
+3 -2
View File
@@ -9,7 +9,8 @@ header{
padding-left: 20px;
flex-wrap: nowrap;
}
@media screen and (max-width: 550px) {
@media screen and (max-width: 350px) {
padding-left: 10px;
flex-wrap: nowrap;
}
@@ -31,7 +32,7 @@ header{
object-fit: contain;
}
@media screen and (max-width: 550px) {
width: 100px;
width: 85px;
object-fit: contain;
}
}
web/themes/custom/colloque2024/css/pages/front.scss
+71 -74
View File
@@ -93,6 +93,77 @@ header {
}
}
#mainHome{
max-width: 100vw;
margin: 0;
display: flex;
.layout-content{
margin: auto;
// height: 1500px;
max-width: 1140px;
}
}
#block-colloque2024-renderedsitesettingsblock-6{
display: flex;
margin: auto;
.site_setting_entity{
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: auto;
// width: 90%;
@media screen and (max-width: 550px) {
display: flex;
flex-direction: column;
}
div:nth-of-type(1){
font-size: 7rem;
font-family: 'Mariannebold';
line-height: 95%;
grid-column: 1 / span 5;
grid-row: 2;
margin-bottom: 2rem;
@media screen and (max-width: 550px) {
font-size: 3.5rem;
order: 3;
}
@media (min-width: 300px) {
}
}
div:nth-of-type(2){
grid-column: 1 / 4;
grid-row: 3;
font-size: 2.5rem;
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 4;
}
}
div:nth-of-type(4){
text-transform: uppercase;
font-family: 'Mariannebold';
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3;
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 2;
}
}
div:nth-of-type(3){
text-transform: uppercase;
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem;
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 1;
}
}
}
}
#block-colloque2024-views-block-dernieres-publications-block-1,
#block-colloque2024-views-block-slide-interviews-block-1 {
.views {
@@ -211,81 +282,7 @@ header {
///changement 2024
#mainHome{
max-width: 100vw;
margin: 0;
display: flex;
.layout-content{
margin: auto;
// height: 1500px;
max-width: 1140px;
}
}
#block-colloque2024-renderedsitesettingsblock-6{
display: flex;
margin: auto;
.site_setting_entity{
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: auto;
// width: 90%;
@media screen and (max-width: 550px) {
display: flex;
flex-direction: column;
}
div:nth-of-type(1){
font-size: 7rem;
font-family: 'Mariannebold';
line-height: 95%;
grid-column: 1 / span 5;
grid-row: 2;
margin-bottom: 2rem;
@media screen and (max-width: 550px) {
font-size: 4.5rem;
order: 3;
}
}
div:nth-of-type(2){
grid-column: 1 / 4;
grid-row: 3;
font-size: 2.5rem;
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 4;
}
}
div:nth-of-type(4){
text-transform: uppercase;
font-family: 'Mariannebold';
font-size: 3.5rem;
grid-column: 5 / span 7;
grid-row: 3;
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 2;
}
}
div:nth-of-type(3){
text-transform: uppercase;
grid-column: 5 / span 7;
grid-row: 1;
font-size: 2rem;
@media screen and (max-width: 550px) {
font-size: 1.5rem;
order: 1;
}
}
}
}
#txt_present{
.medias{
// display: none;
}
}
#block-colloque2024-views-block-slide-interviews-block-1{
display: none;