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;
+  }
+}