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,98 @@
+body,html{
+  font-size: 16px;
+  line-height: 1.2;
+  background: $fond;
+  .is-active{
+    overflow: hidden;
+  }
+}
+
+main{
+  min-height: calc(100vh - 150px);
+}
+
+header{
+  background: white;
+}
+
+ul,li,ol{
+  list-style: none;
+}
+
+h1,h2,h3,h4{
+  margin: 0;
+  padding: 0;
+}
+
+h2{
+  font-family: 'dukefill';
+  font-size: 2.5rem;
+  line-height: 2.5rem;
+  a{
+    color: $color2;
+  }
+}
+
+h3{
+  margin: 1rem 0;
+  font-family: 'dukefill';
+  font-size: 2rem;
+  color: $lightgrey;
+}
+
+p {
+  + h3 {
+     margin: 0.5rem 0 1.5rem 0;
+  }
+}
+
+p{
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-family: 'truenoregular';
+}
+
+a{
+  color: black;
+  text-decoration: none;
+  &:hover{
+    color: black;
+    text-decoration: none;
+  }
+}
+
+blockquote{
+   margin: 2rem 1rem 2rem 1rem;
+  color: $lightgrey;
+  @include croix_or_B;
+  @media screen and (min-width: 768px) {
+    margin: 3.5rem 2rem 4rem 2rem;
+    p{
+      margin-top: 1rem;
+    }
+  }
+  p{
+    font-family: 'cormorantBold';
+    font-size: 2rem;
+    line-height: 2.5rem;
+    font-weight: lighter;
+    margin-top: 0.5rem;
+  }
+}
+
+img{
+  width:100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+
+
+button{
+  outline:0;
+  border: 0;
+  &:focus{
+    outline:0;
+    border: 0;
+  }
+}
@@ -0,0 +1,52 @@
+@mixin croix_or {
+  &:after{
+    height: 10px;
+    margin-top: 0.5rem;
+    content: " ";
+    display: block;
+    background: url($croix_or);
+    background-repeat: repeat-x;
+    background-size: auto auto;
+  }
+}
+
+@mixin croix_or_B {
+  &:before{
+    width: 100px;
+    height: 10px;
+    margin-top: 0.5rem;
+    content: " ";
+    display: block;
+    background: url($croix_or);
+    background-repeat: repeat-x;
+    background-size: auto auto;
+  }
+}
+
+
+@mixin shadow{
+  box-shadow: none;
+  transition: 0.3s transform ease, 0.3s box-shadow ease;
+  &:hover{
+    transform: scale(1.05);
+    transition: 0.3s all ease;
+    box-shadow: 0px 0px 13px 0px $color2;
+  }
+}
+
+@mixin shadow_participants{
+  figure img{
+    box-shadow: none;
+    transition: 0.3s transform ease, 0.3s box-shadow ease;
+  }
+  figure{
+    &:hover{
+      & > div img{
+        transform: scale(1.05);
+        transition: 0.3s all ease;
+        box-shadow: 0px 0px 13px 0px $color2;
+      }
+
+    }
+  }
+}
@@ -0,0 +1,158 @@
+@font-face {
+    font-family: 'dukefill';
+    src: url('../fonts/duke_fill-webfont.woff2') format('woff2'),
+         url('../fonts/duke_fill-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'cormorantBold';
+    src: url('../fonts/Cormorant-Bold-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'cormorantBoldItalic';
+    src: url('../fonts/Cormorant-BoldItalic-webfont.woff') format('woff');
+    font-weight: lighter;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'truenoregular';
+    src: url('../fonts/truenorg-webfont.woff2') format('woff2'),
+         url('../fonts/truenorg-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+
+#block-renderedsitesettingsblock-2{
+  .site_setting_entity{
+    h1{
+      font-family: 'dukefill';
+      font-size: 2rem;
+      line-height: 2rem;
+      text-transform: uppercase;
+      text-align: right;
+      align-self: stretch;
+      margin: auto;
+    }
+    .__info_colloque{
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      & > div{
+        height: auto;
+        &:first-child{
+          font-family: 'truenoregular';
+          color: $color1;
+          font-size: 0.9rem;
+          padding-bottom: 0.4rem;
+          margin-bottom: 0.6rem;
+        }
+        &:last-child{
+          color: $color2;
+          font-family: 'truenoregular';
+          font-weight: bold;
+          font-size: 0.7rem;
+          line-height: 1;
+          width: min-content;
+        }
+      }
+    }
+  }
+}
+
+main{
+// page publication
+.thumbnails{
+  &.programme{
+    .__content{
+      font-family: 'truenoregular';
+      font-weight: bold;
+      font-size: 1rem;
+      text-transform: uppercase;
+    }
+  }
+  &.publications{
+    .__content{
+      div{
+        font-family: 'cormorantBold';
+        font-size: 1.2rem;
+      }
+      span{
+        font-family: 'cormorantBoldItalic';
+        font-size: 1.2rem;
+      }
+    }
+  }
+  &.bibliographie{
+    background: transparent;
+    div,p{
+      font-family: 'cormorantBold';
+      font-size: 1.2rem;
+    }
+    span{
+      font-family: 'cormorantBoldItalic';
+      font-size: 1.2rem;
+    }
+  }
+}
+
+// page shadow_participants
+article{
+  &.participant_full{
+    .__auteur{
+      h2{
+        font-family: 'truenoregular';
+        font-size: 2rem;
+        letter-spacing: normal;
+      }
+    }
+    .status{
+      div{
+        font-family: 'truenoregular';
+        font-style: italic;
+        font-size: 0.8rem;
+        text-align: center;
+        @media screen and (min-width: 768px) {
+          text-align: left;
+        }
+      }
+    }
+  }
+}
+
+
+// thumbnails_participants
+.thumbnails_participants{
+  @include shadow_participants;
+  *{
+    color: $color2;
+  }
+  .__name{
+    font-family: 'truenoregular';
+    font-size: 1rem;
+  }
+  .__qualite{
+    font-family: 'truenoregular';
+    font-size: 0.8rem;
+    font-style: italic;
+  }
+}
+
+.paragraph--type--role-de-l-intervenant{
+  .___title_inter{
+    div{
+      font-family: 'truenoregular';
+      font-weight: bold;
+      font-size: 0.8rem;
+      text-transform: uppercase;
+    }
+  }
+}
+
+}
@@ -0,0 +1,13 @@
+$color1: #b9a47eff;
+$color2: #1d378eff;
+$col_black: black;
+$lightgrey: #6f6d7dff;
+$fond: #1d378e0d;
+$underline:#d2d2ebff;
+
+$gutter: 0.5rem;
+$gutter1 : 0.5rem;
+
+$croix_or: '../images/croix_filetsable.svg';
+
+$letter_spacingH: 0.1rem;