css home & sites pilotes
This commit is contained in:
@@ -0,0 +1,60 @@
|
||||
.home-page-layout-content {
|
||||
|
||||
.block-views-blocksites-block-1 {
|
||||
.views-row{
|
||||
|
||||
.node-type-site{
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
display: grid;
|
||||
grid-template-rows: auto;
|
||||
grid-template-columns: auto;
|
||||
.field--name-field-image{
|
||||
order: 1;
|
||||
grid-row: 1 /span 4;
|
||||
grid-column: 1 /span 5;
|
||||
}
|
||||
.filtered-content{
|
||||
border: solid $yellow-puca 1px;
|
||||
background-color: $white-button;
|
||||
width: 30%;
|
||||
order: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
grid-row: 3 /span 6;
|
||||
grid-column: 3 /span 5;
|
||||
h2{
|
||||
order: 2;
|
||||
}
|
||||
.field--name-field-numero-site {
|
||||
order: 1;
|
||||
}
|
||||
.field--name-field-adresse-site{
|
||||
order: 3;
|
||||
}
|
||||
.field--name-field-architecte{
|
||||
order: 4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{
|
||||
border: solid $yellow-puca 1px;
|
||||
background-color: $white-button;
|
||||
font-weight: 800;
|
||||
padding: 2rem;
|
||||
margin-right: 1rem;
|
||||
width: 30%;
|
||||
@media(max-width: 891px){
|
||||
margin-bottom: 1rem;
|
||||
// margin: auto;
|
||||
}
|
||||
}
|
||||
.block-block-contentbbaa5e2a-7f7c-498f-b08e-d1a3b36c03a8{
|
||||
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,201 +1,205 @@
|
||||
|
||||
.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;
|
||||
@media(max-width: 891px){
|
||||
font-size: 4rem;
|
||||
}
|
||||
@media(max-width: 520px){
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
width: 100%;
|
||||
.layout-content{
|
||||
|
||||
h5{
|
||||
font-size: 5rem;
|
||||
font-weight: 900;
|
||||
margin: 0;
|
||||
line-height: 0.6;
|
||||
@media(max-width: 891px){
|
||||
font-size: 4rem;
|
||||
line-height: 0.9;
|
||||
}
|
||||
@media(max-width: 520px){
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
}
|
||||
img{
|
||||
height: auto;
|
||||
padding-top: 2rem ;
|
||||
padding-bottom: 2rem ;
|
||||
|
||||
}
|
||||
|
||||
.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;
|
||||
margin-bottom: 2rem;
|
||||
@media(max-width: 500px){
|
||||
img{
|
||||
width: -moz-available;
|
||||
}
|
||||
|
||||
.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;
|
||||
@media(max-width: 891px){
|
||||
font-size: 4rem;
|
||||
}
|
||||
@media(max-width: 520px){
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// block Appel à candidature
|
||||
// .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
|
||||
|
||||
h5{
|
||||
font-size: 5rem;
|
||||
font-weight: 900;
|
||||
margin: 0;
|
||||
line-height: 0.6;
|
||||
@media(max-width: 891px){
|
||||
font-size: 4rem;
|
||||
line-height: 0.9;
|
||||
}
|
||||
@media(max-width: 520px){
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
// /////////////// arrêt canndidatures phase 1
|
||||
// // display: none !important;
|
||||
// ///////////////
|
||||
}
|
||||
img{
|
||||
height: auto;
|
||||
padding-top: 2rem ;
|
||||
padding-bottom: 2rem ;
|
||||
|
||||
// grid-column: 1;
|
||||
// grid-row: 2 /span 2;
|
||||
// width: 80%;
|
||||
// border: solid $yellow-puca 1px;
|
||||
// background-color: $white-button;
|
||||
// font-weight: 800;
|
||||
// padding: 2rem;
|
||||
// margin-right: 1rem;
|
||||
// @media(max-width: 891px){
|
||||
// margin-bottom: 1rem;
|
||||
// // margin: auto;
|
||||
// }
|
||||
}
|
||||
|
||||
// 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: 2.3rem !important;
|
||||
// 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-region-content{
|
||||
// display: grid;
|
||||
// grid-column: repeat(2, 1fr);
|
||||
@media(max-width: 891px){
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
// }
|
||||
// .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-views-blockhome-block-1{
|
||||
// grid-column: 1 /span 2;
|
||||
// grid-row: 1;
|
||||
margin-bottom: 2rem;
|
||||
@media(max-width: 500px){
|
||||
img{
|
||||
width: -moz-available;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/// block télécharger le cahier des charges
|
||||
// .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
|
||||
// block Appel à candidature
|
||||
// .block-block-content5ae07b35-3c0b-48f5-b51b-f0f0e4c1765f{
|
||||
|
||||
// /////////////// arrêt canndidatures phase 1
|
||||
// // display: none !important;
|
||||
// ///////////////
|
||||
|
||||
// /////////////// arrêt canndidatures phase 1
|
||||
// // display: none !important;
|
||||
// ///////////////
|
||||
// grid-column: 1;
|
||||
// grid-row: 2 /span 2;
|
||||
// width: 80%;
|
||||
// border: solid $yellow-puca 1px;
|
||||
// background-color: $white-button;
|
||||
// font-weight: 800;
|
||||
// padding: 2rem;
|
||||
// margin-right: 1rem;
|
||||
// @media(max-width: 891px){
|
||||
// margin-bottom: 1rem;
|
||||
// // margin: auto;
|
||||
// }
|
||||
|
||||
// margin-bottom: 1rem;
|
||||
// grid-column: 2;
|
||||
// grid-row: 2;
|
||||
// width: 90%;
|
||||
// // height: fit-content;
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// align-items: center;
|
||||
// @media(max-width: 891px){
|
||||
// width: 90%;
|
||||
// }
|
||||
// @media(max-width: 520px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// .field--type-file{
|
||||
// width: 100%;
|
||||
// margin: 0;
|
||||
// @media(max-width: 891px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// :hover{
|
||||
// background-color: $yellow-puca;
|
||||
// }
|
||||
// }
|
||||
// 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: 2.3rem !important;
|
||||
// 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;
|
||||
|
||||
// /// block télécharger la fiche candidature
|
||||
// .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252{
|
||||
// .field--type-link{
|
||||
// .field__item {
|
||||
// ::after{
|
||||
// justify-self: unset;
|
||||
// padding-left: 1rem;
|
||||
// content: url(../images/noun-arrow-1569918_hover.svg);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
// /////////////// arrêt canndidatures phase 1
|
||||
// // display: none !important;
|
||||
// ///////////////
|
||||
|
||||
// grid-column: 2;
|
||||
// grid-row: 3;
|
||||
// width: 90%;
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// align-items: center;
|
||||
// @media(max-width: 891px){
|
||||
// width: 90%;
|
||||
// }
|
||||
// @media(max-width: 520px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// .field--type-file{
|
||||
// width: 100%;
|
||||
// margin: 0;
|
||||
// @media(max-width: 891px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// :hover{
|
||||
// background-color: $yellow-puca;
|
||||
// }
|
||||
// }
|
||||
// .block-views-blockhome-block-2{
|
||||
// grid-column: 1 /span 2;
|
||||
// grid-row: 4;
|
||||
// margin-top: 2rem;
|
||||
// }
|
||||
/// block télécharger le cahier des charges
|
||||
// .block-block-content08189a6a-2ca1-42c3-a780-d7ad0c65619d{
|
||||
|
||||
// /////////////// arrêt canndidatures phase 1
|
||||
// // display: none !important;
|
||||
// ///////////////
|
||||
|
||||
// margin-bottom: 1rem;
|
||||
// grid-column: 2;
|
||||
// grid-row: 2;
|
||||
// width: 90%;
|
||||
// // height: fit-content;
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// align-items: center;
|
||||
// @media(max-width: 891px){
|
||||
// width: 90%;
|
||||
// }
|
||||
// @media(max-width: 520px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// .field--type-file{
|
||||
// width: 100%;
|
||||
// margin: 0;
|
||||
// @media(max-width: 891px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// :hover{
|
||||
// background-color: $yellow-puca;
|
||||
// }
|
||||
// }
|
||||
|
||||
// /// block télécharger la fiche candidature
|
||||
// .block-block-content259faa3e-f66e-4776-9f4e-9a3aa26e8252{
|
||||
|
||||
// /////////////// arrêt canndidatures phase 1
|
||||
// // display: none !important;
|
||||
// ///////////////
|
||||
|
||||
// grid-column: 2;
|
||||
// grid-row: 3;
|
||||
// width: 90%;
|
||||
// display: flex;
|
||||
// justify-content: flex-end;
|
||||
// align-items: center;
|
||||
// @media(max-width: 891px){
|
||||
// width: 90%;
|
||||
// }
|
||||
// @media(max-width: 520px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// .field--type-file{
|
||||
// width: 100%;
|
||||
// margin: 0;
|
||||
// @media(max-width: 891px){
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// :hover{
|
||||
// background-color: $yellow-puca;
|
||||
// }
|
||||
// }
|
||||
// .block-views-blockhome-block-2{
|
||||
// grid-column: 1 /span 2;
|
||||
// grid-row: 4;
|
||||
// margin-top: 2rem;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,39 @@
|
||||
.view-display-id-page_1{
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.views-row{
|
||||
width: 30%;
|
||||
padding: 1rem;
|
||||
.node-type-site{
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.field--name-field-image{
|
||||
order: 1;
|
||||
max-width: 100%;
|
||||
img{
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
height: fit-content;
|
||||
}
|
||||
}
|
||||
h2{
|
||||
order: 3;
|
||||
}
|
||||
.field--name-field-numero-site {
|
||||
order: 2;
|
||||
}
|
||||
.field--name-field-adresse-site{
|
||||
order: 4;
|
||||
}
|
||||
.field--name-field-architecte{
|
||||
order: 5;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user