From 8da51ec9fa61e605c8401a4ba86cc189a83f5312 Mon Sep 17 00:00:00 2001
From: Marjolaine Le Bon <marjolaine@happy-dev.fr>
Date: Thu, 9 Jul 2020 17:51:54 +0200
Subject: [PATCH] update: etuc design + component design

---
 client.sample.etuc.scss                    | 13 ++----
 src/styles/layout/events/events.scss       | 23 ++++++----
 src/styles/layout/resources/resources.scss | 53 +++++++++++++++++++++-
 3 files changed, 71 insertions(+), 18 deletions(-)

diff --git a/client.sample.etuc.scss b/client.sample.etuc.scss
index 7ad979c..55c2e64 100644
--- a/client.sample.etuc.scss
+++ b/client.sample.etuc.scss
@@ -144,7 +144,7 @@
 #viewport .content-box {
     font-family: Facit;
 }
-#viewport #circle .content-box__header sib-display div {
+#viewport #circle .content-box__header solid-display div {
     display: flex;
     flex-direction: column;
     text-align: center;
@@ -154,16 +154,13 @@
     font-size: 3.2rem;
     color: var(--color-primary);
 }
-#viewport #circle .content-box__header sib-display div .h1-aside {
-    font-family: Facit;
+#viewport #circle .content-box__header solid-display div .h1-aside {
+    
     margin: 10px 0;
 }
-#viewport #circle .content-box__header sib-display div .h1-aside:not(:empty)::before {
+#viewport #circle .content-box__header solid-display div .h1-aside:not(:empty)::before {
     content: none;
 }
-#viewport .with-sidebar nav > sib-router > ul > sib-route[active] {
-    color: var(--color-right-menu-active-text);
-}
-#viewport .with-sidebar nav > sib-router {
+#viewport .with-sidebar nav > solid-router {
     color: #3C3F57;
 }
\ No newline at end of file
diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss
index 309dcf4..e8acab8 100644
--- a/src/styles/layout/events/events.scss
+++ b/src/styles/layout/events/events.scss
@@ -6,10 +6,10 @@
     sib-event {
         .red-button,
         .event-type {
-            background-color: $color-357-67-45;
+            background-color: #C4262E;
         }
         .black-button {
-            background-color: $color-0-0-22;
+            background-color: #3A3A3A;
             margin-left: 10%;
         }
         .event-type,
@@ -18,12 +18,12 @@
         }
         #listevents [name="name"],
         solid-display-link-event .mdi::before {
-            color:  $color-357-67-45;
+            color:  #C4262E;
         }
         .event-place-name,
         .nextevent-startdate,
         solid-display-link-event {
-            color: $color-0-0-22;
+            color: #3A3A3A;
         }
         .sib-event {
             font-family: "Facit";
@@ -32,7 +32,7 @@
                 font-family: "RefrigeratorDelxW01Bold";
                     font-size: 3.2rem;
                     line-height: 3.8rem;
-                    color: $color-203-87-19;
+                    color: #063B5C;
             }
         }
         #listevents {
@@ -41,7 +41,7 @@
                 width: max-content;
                 height: max-content;
                 padding: 5px 20px;
-                color: $color-203-87-19;
+                color: #063B5C;
             }
             solid-form solid-form-dropdown{
                 label div {
@@ -51,7 +51,7 @@
                     font-family: "RefrigeratorDelxW01Bold";
                     font-size: 2.4rem;
                     line-height: 29px;
-                    color: $color-203-87-19;
+                    color: #063B5C;
                     top: -40px;
                     content: "Research an event";
                 }
@@ -61,7 +61,7 @@
                 font-size: 2.2rem;
                 line-height: 2.6rem;
                 letter-spacing: 0.32px;
-                color: $color-203-87-19;
+                color: #063B5C;
                 padding: 5px;
                 max-width: 250px;
                 margin: 5px auto;
@@ -81,7 +81,7 @@
                 font-family: "RefrigeratorDelxW01Bold";
                 font-size: 3.2rem;
                 line-height: 3.8rem;
-                color: $color-203-87-19;
+                color: #063B5C;
             }
             solid-display div .event-type {
                 width: max-content;
@@ -102,4 +102,9 @@
             padding: 5px 20px; 
         }
     }
+    @media (max-width: 991px) {
+        #listevents {
+            margin-top: 65px;
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/styles/layout/resources/resources.scss b/src/styles/layout/resources/resources.scss
index 9994a91..cf03c16 100644
--- a/src/styles/layout/resources/resources.scss
+++ b/src/styles/layout/resources/resources.scss
@@ -2,5 +2,56 @@
     width: 100%;
     font-family: "Facit";
     font-weight: 400;
-    color: $color-0-0-22;
+    color: #3A3A3A;
+    sib-resource {
+        background-color: #F0F3F6;
+        .sib-resource {
+            font-family: "Facit";            
+            .red-button {
+                background-color: #C4262E;
+            }
+            .black-button {
+                background-color: #3A3A3A;
+                margin-left: 10%;
+            }
+            .lnk-newresource {
+                margin-top: 30px;
+                margin-right: 70px;
+            }
+            .resources sib-form::before {
+                font-family: "RefrigeratorDelxW01Bold";
+            }
+            #listresources {
+                .lnk-newkeyword .button {
+                    font-size: 1.2rem;
+                    width: max-content;
+                    height: max-content;
+                    padding: 10px 30px;
+                    color: #063B5C;
+                }
+                sib-display sib-display {
+                    [name="name"] {
+                        font-family: "RefrigeratorDelxW01Bold";
+                    }
+                    [name="link"] a {
+                        padding-left: 35px;
+                        position: relative;
+                        &::before {
+                            position: absolute;
+                            left: 0;
+                        }
+                    }
+                }
+            }
+            .resource-tag {
+                font-family: Facilt;
+                font-weight: 600;
+            }
+        }
+    }
+    @media (max-width: 991px) {
+        .sib-resource {
+            margin-top: 65px;
+        }
+    }
 }
\ No newline at end of file