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

css block phase 1 home

Browse Source
This commit is contained in:
ouidade
2023-11-24 14:04:28 +01:00
parent e1393fba87
commit 6813ff33da
8 changed files with 163 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/global/variables/_buttons.scss
+4 -5
View File
@@ -1,16 +1,16 @@
// home
.field--type-link{
width: 45%;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white;
background-color: $white-button;
width: fit-content;
}
.bouton{
background-color: white !important;
background-color: $white-button !important;
border: none !important;
cursor: pointer;
}
@@ -18,10 +18,9 @@
.field--type-file{
width: 45%;
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: white;
background-color: $white-button;
}
web/themes/custom/reha/scss/global/variables/_colors.scss
+2 -1
View File
@@ -4,7 +4,8 @@
$background-home: rgba(153, 147, 174, 0.1);
$white: white;
$white-button: rgb(255, 255, 255);
$white-header:rgb(255, 255, 255);
$yellow-puca: #fdc300;
web/themes/custom/reha/scss/pages/_home.scss
+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;
}
web/themes/custom/reha/scss/partials/_footer.scss
+1 -1
View File
@@ -1,5 +1,5 @@
footer{
background-color: $white;
background-color: $white-header;
padding-top: 3rem;
font-family: "Marianne";
font-weight: 800;
web/themes/custom/reha/scss/partials/_header.scss
+3 -3
View File
@@ -3,7 +3,7 @@
header{
display: block;
height: $header-height;
background-color: white;
background-color: $white-header;
// position: fixed;
z-index: 99;
width: 100vw;
@@ -62,7 +62,7 @@ header{
right:-235px;
top: 36px; // Positionnez-les sous les boutons
position: absolute;
background-color: $white;
background-color: $white-header;
width: 30vw;
height: 100vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
@@ -90,7 +90,7 @@ header{
width: 100%;
.field--type-text-long {
display: none;
background-color: $white;
background-color: $white-header;
position: absolute;
right:0px;
top: 100%;
web/themes/custom/reha/scss/reha.scss
+1 -1
View File
@@ -5,7 +5,7 @@
/*global*/
@import "global/variables/colors";
@import "global/variables/colors.scss";
@import "global/variables/typography";
@import "global/variables/buttons";
@import "global/core";