responsive

2020-07-27 23:03:25 +02:00
parent 34741c345d
commit f7a6562f51
47 changed files with 1056 additions and 946 deletions
@@ -0,0 +1,71 @@
+#txt_present{
+ margin: 3rem 0;
+ @media screen and (min-width: 992px) {
+   margin: 5rem 0;
+ }
+ & * {
+   color: $color2;
+ }
+ & > div{
+   margin: 2rem auto;
+ }
+ .__title-present{
+   h2{
+     font-size: 1.5rem;
+     letter-spacing: $letter_spacingH;
+     font-family: 'truenoregular';
+     line-height: normal;
+   }
+ }
+ .__sub-title-present{
+   p{
+     font-family: 'truenoregular';
+     font-style: italic;
+     font-size: 0.8rem;
+     line-height: 1rem;
+   }
+ }
+ .__body-present{
+   p{
+     font-family: 'truenoregular';
+     font-weight: lighter;
+     font-size: 1rem;
+     line-height: 1.5rem;
+   }
+ }
+
+ .more_link{
+   padding: 0rem 1rem 0.2rem 1rem;
+   background: white;
+   a{
+     font-size: 0.7rem
+   }
+ }
+}
+
+#block-views-block-dernieres-publications-block-1{
+  .views{
+    section:not(.wrap_head){
+      margin: 1rem 0;
+      @media screen and (min-width: 768px) {
+        margin: 1rem calc( 0rem - #{$gutter});
+      }
+    }
+  }
+}
+
+#block-views-block-slide-programme-block-1,
+#block-views-block-dernieres-publications-block-1{
+  margin: 2rem 0;
+  @media screen and (min-width: 992px) {
+    margin: 5rem 0;
+  }
+  h3{
+    text-transform: uppercase;
+    margin: 0;
+    font-family: 'dukefill';
+    font-size: 2rem;
+    letter-spacing: $letter_spacingH;
+    color: $color2
+  }
+}
@@ -0,0 +1,13 @@
+#block-popsu-colloque-page-title{
+  margin:1.5rem auto;
+  @include croix_or;
+  @media screen and (min-width: 768px) {
+  margin: 0 auto 1.5rem auto;  
+  }
+}
+.geolocation-map-wrapper{
+  height: 400px;
+  .geolocation-map-container{
+    height: inherit!important;
+  }
+}
@@ -0,0 +1,30 @@
+main:not(.home){
+  @media screen and (min-width: 768px) {
+    padding: 1.5rem 0!important;
+  }
+  @media screen and (min-width: 992px) {
+    padding: 4rem 0!important;
+  }
+}
+
+article{
+  .__title{
+    @include croix_or;
+  }
+  &.publications{
+    margin-top: 1rem;
+    .paragraph--type--images{
+      img{
+        max-height: 400px;
+        object-fit: contain;
+        width: auto;
+        @media screen and (min-width: 992px) {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+h4{
+  @include croix_or;
+}
@@ -0,0 +1,25 @@
+#moments{
+  .__wrapper{
+    .__title{
+      margin: 0.5rem 0;
+    }
+  }
+  .__wrap_side{
+    margin-top: 0.5rem;
+  }
+  .__wrap_content{
+    .__head{
+      margin: 0.5rem 0;
+      div{
+        & > div{
+          font-family: 'truenoregular';
+          font-size: 0.8rem;
+          padding-right: 0.5rem;
+          &:not(:first-child){
+            padding-left: 0.5rem;
+          }
+        }
+      }
+    }
+  }
+}
@@ -0,0 +1,14 @@
+#presentation{
+  margin-top: 0.5rem;
+  .__title{
+    @media screen and (min-width: 768px) {
+      margin: 1rem 0;
+    }
+    @media screen and (min-width: 992px) {
+      margin: 2rem 0;
+    }
+  }
+  .__wrapper{
+    margin-top: 1rem;
+  }
+}
@@ -0,0 +1,37 @@
+.container{
+  &.programme{
+    padding-top: 1.5rem;
+    @media screen and (min-width: 768px) {
+      padding-top: 0rem;
+    }
+    h3{
+      font-size: 1.5rem;
+      font-family: 'truenoregular';
+      color: $col_black;
+    }
+    .views{
+      section{
+        .row{
+          .__wrap_side{
+            margin: 0 0 1rem 0;
+            @media screen and (min-width: 768px) {
+              margin: 0.5rem 0 0rem 0;
+            }
+          }
+          & > div:not(.__wrap_side){
+            @media screen and (min-width: 768px) {
+              padding-left: 0;
+              margin: 0 calc(0rem - #{$gutter});
+            }
+          }
+        }
+        &:not(:last-child){
+          @include croix_or;
+          & > .d-flex{
+            padding: 0 0 2rem 0;
+          }
+        }
+      }
+    }
+  }
+}
@@ -0,0 +1,30 @@
+article{
+  &.publications{
+    .__wrap_content{
+      .__head{
+        & *{
+          color: $color2;
+        }
+        .__auteur{
+          div{
+            font-family: 'cormorantBold';
+            font-size: 1.5rem;
+          }
+        }
+        .__titre{
+          span{
+            font-family: 'cormorantBoldItalic';
+            font-size: 1.5rem;
+          }
+        }
+        .__info{
+          margin: 1rem 0;
+          div{
+            font-family: 'cormorantBold';
+            font-size: 1rem;
+          }
+        }
+      }
+    }
+  }
+}
@@ -0,0 +1,9 @@
+.publications, .bibliographie{
+  .views{
+    section{
+      @media screen and (min-width: 768px) {
+        margin: 0 calc(0rem - #{$gutter});
+      }
+    }
+  }
+}