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/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;