feat: Ajout de l'infolettre

2023-10-14 00:50:26 +02:00
parent dddd1784a5
commit af8b1f71fa
3 changed files with 46 additions and 1 deletions
--- a/assets/css/main.sass
+++ b/assets/css/main.sass
@ -76,15 +76,36 @@ a
  text-align: center
  padding: 2rem

-  a
+  a, input
    padding: 1rem
    background-color: $color-primary
    color: white
    text-decoration: none
+    border: 0
+    font-size: 1.2rem

    &:hover
      background: $color-secondary

+.infolettre
+  input[type="text"], input[type="email"]
+    border-radius: .3rem
+    border: 2px solid $color-primary
+    padding: .5rem
+    margin-top: .5rem
+    margin-bottom: .5rem
+
+  .full
+    input
+      width: 45%
+      @media screen and (max-width: 600px)
+        width: calc(100% - 1rem - 4px)
+      &+input
+        float: right
+
+        @media screen and (max-width: 600px)
+          margin-right: 0
+
 .monitoring
  text-align: center
  border-collapse: collapse