bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css grid home

Browse Source
This commit is contained in:
ouidade
2023-11-24 14:18:08 +01:00
parent 6813ff33da
commit 23e00a5074
2 changed files with 59 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/_home.scss
+35 -6
View File
@@ -20,10 +20,22 @@
}
.block-region-content{
display: flex;
flex-wrap: wrap;
// display: flex;
// flex-wrap: wrap;
display: grid;
grid-column: repeat(2, 1fr);
.block-views-blockhome-block-1{
grid-column: 1 /span 2;
grid-row: 1;
}
// grid-row: ;
.block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
width: 35%;
grid-column: 1;
grid-row: 2 /span 2;
width: 90%;
border: solid $yellow-puca 1px;
background-color: $white-button;
font-weight: 800;
@@ -63,22 +75,39 @@
}
.block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
width: 45%;
margin-bottom: 1rem;
grid-column: 2;
grid-row: 2;
width: 90%;
height: fit-content;
display: flex;
justify-content: flex-end;
.field--type-file{
width: 100%;
margin: 0;
}
:hover{
background-color: $yellow-puca;
}
}
.block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252{
width: 45%;
grid-column: 2;
grid-row: 3;
width: 90%;
display: flex;
justify-content: flex-end;
justify-content: flex-end;
.field--type-file{
width: 100%;
margin: 0;
}
:hover{
background-color: $yellow-puca;
}
}
.block-views-blockhome-block-2{
grid-column: 1 /span 2;
grid-row: 4;
}
}
}