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

mobile header & home

Browse Source
This commit is contained in:
ouidade
2023-11-30 10:41:05 +01:00
parent 3ddf51ece0
commit e6d1cab224
4 changed files with 202 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/_home.scss
+33 -5
View File
@@ -8,20 +8,32 @@
font-style: normal;
h4{
font-size: 5rem;
font-weight: normal;
margin: 0;
font-weight: normal;
margin: 0;
@media(max-width: 891px){
font-size: 4rem;
}
}
h5{
font-size: 5rem;
font-weight: 900;
margin: 0;
line-height: 0.6;
font-weight: 900;
margin: 0;
line-height: 0.6;
@media(max-width: 891px){
font-size: 4rem;
line-height: 0.9;
}
}
.block-region-content{
display: grid;
grid-column: repeat(2, 1fr);
@media(max-width: 891px){
display: flex;
flex-direction: column;
}
.block-views-blockhome-block-1{
grid-column: 1 /span 2;
grid-row: 1;
@@ -39,6 +51,9 @@
font-weight: 800;
padding: 2rem;
margin-right: 1rem;
@media(max-width: 891px){
margin-bottom: 1rem;
}
h2{
margin-top: 0;
@@ -74,6 +89,7 @@
}
.block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover{
background-color: $yellow-puca;
.field--type-link{
.field__item {
::after{
@@ -94,9 +110,15 @@
display: flex;
justify-content: flex-end;
align-items: center;
@media(max-width: 891px){
width: 100%;
}
.field--type-file{
width: 80%;
margin: 0;
@media(max-width: 891px){
width: 100%;
}
}
:hover{
background-color: $yellow-puca;
@@ -109,9 +131,15 @@
display: flex;
justify-content: flex-end;
align-items: center;
@media(max-width: 891px){
width: 100%;
}
.field--type-file{
width: 80%;
margin: 0;
@media(max-width: 891px){
width: 100%;
}
}
:hover{
background-color: $yellow-puca;