css block phase 1 home

This commit is contained in:
2023-11-24 14:04:28 +01:00
parent e1393fba87
commit 6813ff33da
8 changed files with 163 additions and 29 deletions
+46 -4
View File
@@ -20,19 +20,61 @@
}
.block-region-content{
display: flex;
flex-wrap: wrap;
.block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
width: 35%;
border: solid $yellow-puca 1px;
background-color: $white-button;
font-weight: 800;
padding: 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;
// inline-size: 1rem;
p{
margin-top: 0.8rem;
}
}
.field--type-link{
padding: 0;
margin: 0;
border: none;
font-weight: 400;
.field__item {
::after{
justify-self: unset;
padding-left: 1rem;
content: url(../images/noun-arrow-1569918.svg);
}
}
}
}
.block-block-content1ca95211-9fa2-4ef2-a460-8184d1eaf20f{
.block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
width: 45%;
height: fit-content;
display: flex;
justify-content: flex-end;
margin-top: 5rem;
:hover{
background-color: $yellow-puca;
}
}
.block-block-content1dd151e8-8a8b-4586-9e62-8905ba0c93e0{
.block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252{
width: 45%;
display: flex;
justify-content: flex-end;
margin-bottom: 4rem;
:hover{
background-color: $yellow-puca;
}