Files
drupal-reha/web/themes/custom/reha/scss/pages/_home.scss
T
2023-11-28 16:33:46 +01:00

130 lines
3.8 KiB
SCSS

.home-page-layout-content{
.layout--onecol{
width: 90%;
margin: auto;
font-size: 1.3rem;
font-weight: 400;
font-style: normal;
h4{
font-size: 5rem;
font-weight: normal;
margin: 0;
}
h5{
font-size: 5rem;
font-weight: 900;
margin: 0;
line-height: 0.6;
}
.block-region-content{
display: grid;
grid-column: repeat(2, 1fr);
.block-views-blockhome-block-1{
grid-column: 1 /span 2;
grid-row: 1;
margin-bottom: 2rem;
}
// grid-row: ;
.block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
grid-column: 1;
grid-row: 2 /span 2;
width: 85%;
border: solid $yellow-puca 1px;
background-color: $white-button;
font-weight: 800;
padding: 2rem;
margin-right: 1rem;
h2{
margin-top: 0;
margin-bottom: 0;
text-transform: lowercase;
font-weight: 900;
line-height: 1rem;
font-size:1.8rem ;
}
.field--name-field-description{
margin-top: 0;
font-size: 2rem;
line-height: 2.2rem;
p{
margin-top: 0.8rem;
}
}
.field--type-link{
padding: 0;
margin: 0;
border: none;
font-weight: 400;
background-color: inherit;
.field__item {
::after{
justify-self: unset;
padding-left: 1rem;
content: url(../images/noun-arrow-1569918.svg);
}
}
}
}
.block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f:hover{
background-color: $yellow-puca;
.field--type-link{
.field__item {
::after{
justify-self: unset;
padding-left: 1rem;
content: url(../images/noun-arrow-1569918_hover.svg);
}
}
}
}
.block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
margin-bottom: 1rem;
grid-column: 2;
grid-row: 2;
width: 90%;
// height: fit-content;
display: flex;
justify-content: flex-end;
align-items: center;
.field--type-file{
width: 80%;
margin: 0;
}
:hover{
background-color: $yellow-puca;
}
}
.block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252{
grid-column: 2;
grid-row: 3;
width: 90%;
display: flex;
justify-content: flex-end;
align-items: center;
.field--type-file{
width: 80%;
margin: 0;
}
:hover{
background-color: $yellow-puca;
}
}
.block-views-blockhome-block-2{
grid-column: 1 /span 2;
grid-row: 4;
margin-top: 2rem;
}
}
}
}