style path-projets

2022-03-01 16:15:56 +01:00
parent 8ac5c27841
commit 2703c28481
6 changed files with 266 additions and 1 deletions
@@ -41,6 +41,9 @@
 .path-webform{
    margin: 0;
 }
+.path-projets{
+    margin: 0;
+}

 .main-content{
    margin-top: 7rem;
@@ -0,0 +1,131 @@
+.path-projets{
+    .layout--onecol{
+        .block-region-content{
+
+            //texte de présentation
+            .block-config-pages-block{
+                width: 60%;
+                margin: auto;
+                span h2{
+                    display: none;
+                }
+                .config_pages--type--les-projets{
+                    .field--name-field-introduction{
+                        p:nth-of-type(1){
+                            font-size: 1.5rem;
+                        }
+                    }
+                }
+            }
+
+
+            //partie projets
+            .block-views-blockprojets-block-1{
+                .view-projets{
+                   
+                    width: 80%;
+                    margin: auto;
+                    .view-filters{
+                        margin-top: 4rem;
+                        display: flex;
+                        flex-direction: row;
+                        &::before{
+                            content: 'Filtrer par:';
+                        }
+                        #views-exposed-form-projets-block-1{
+                            display: flex;
+                            flex-direction: row;
+                            #edit-field-neuf-rehabilitation-value--wrapper{
+                                legend{display: none;}
+                            }
+                            #edit-field-encours-fini-value--wrapper{
+                                legend{display: none;}
+                            }
+                            .js-form-type-textfield{
+                                label{display: none;}
+                            }
+                        }
+
+
+                    }
+
+                    //grille de projets
+                    .view-content{
+                        margin-top: 2rem;
+                        display: flex;
+                        flex-direction: row;
+                        .views-row{
+                            width: 25%;
+                            flex: 0 0 25%;
+                        }
+
+                    }
+                    .node-type-projet{
+                        color: $blue-dark;
+                        line-height: 1.5rem;
+                        padding: 0.5rem;
+                        padding-right: 1rem;
+                        padding-left: 1rem;
+                        div:first-child{                
+                            display: flex;
+                            flex-direction: column;
+                       
+                            a{
+                                color: $blue-dark;
+                            } 
+                            .field--name-field-photo {
+                                order:1;
+                                img{  
+                                    width: 100%; 
+                                    max-height: 175px;
+                                    object-fit: cover;
+                                }
+                                &::after{ 
+                                    display: block;
+                                    content:url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
+                                }
+                            }
+                            .field--name-field-adresse{
+                                order:2;
+                                display: flex;
+                                text-transform: uppercase;
+                                font-size: 0.9rem;
+                                font-weight: 800;
+                                margin-top: 0.8rem;
+                                line-height: 0.6rem;
+                                .address{
+                                    display: flex;
+                                    flex-direction: row;
+                                    margin: 0;
+                                    .locality::after{
+                                        content:",";
+                                        margin-right: 0.3rem;
+                                    }
+                                }
+                            }
+                            .field--name-field-sous-titre{
+                                margin-top: 0.5rem;
+                                font-size: 0.9rem;
+                                font-weight: 800;
+                                order: 4;
+                            }
+                            .field--name-title{
+                                order: 3;
+                                margin-top: 0.5rem;
+                                font-size: 1rem;
+                                font-weight: 800;
+                                h2{margin: 0;}
+                            }
+
+                            .field--name-field-incube{
+                                order:4;
+                                color: red;
+                                margin-top: 0.8rem;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,41 @@
+.path-node.page-node-type-projet{
+    .layout-container{
+        overflow: unset;
+    }
+    .layout-content{
+        .region-content{
+            #block-contenudelapageprincipale{
+                .layout--threecol-25-50-25{
+                    // display: grid;
+                    // grid-template-rows: repeat(6, auto);
+                
+                    .layout__region--top{
+                        
+                        .block-region-top{
+                            // position: relative;
+                            display: grid;
+                            grid-template-columns: 1fr repeat(8, 1fr) 1fr;
+            
+                            .block-entity-fieldnodefield-adresse{
+                                grid-column: 2 / span 10;
+                                .field--name-field-adresse{
+                                    text-transform: uppercase;
+                                }
+                            }
+                            .block-entity-fieldnodetitle{
+                                font-family: 'Source Code Pro';
+            
+                            }
+                
+                        } 
+                    }
+            
+                
+                }
+            }
+        }
+    }
+
+
+   
+}
@@ -37,6 +37,8 @@
@import "pages/_offre";
@import "pages/_annuairederecherche";
@import "pages/_webform";
+@import "pages/_lesprojets";
+@import "pages/_projet";


 /*partials*/