EU Cookie Compliance config & styles

sites/sync/eu_cookie_compliance.settings.yml

@@ -2,36 +2,36 @@ cookie_lifetime: 100
 domain: ''
 domains_option: 1
 domains_list: ''
-eu_only: false
-eu_only_js: false
-exclude_paths: "/admin\n/admin/*\n/batch\n/node/add*\n/node/*/*\n/user/*/*"
+eu_only: null
+eu_only_js: null
+exclude_paths: "/admin\r\n/admin/*\r\n/batch\r\n/node/add*\r\n/node/*/*\r\n/user/*/*"
 exclude_admin_theme: false
 langcode: pt-pt
 popup_agreed:
-  value: '<h2>Thank you for accepting cookies</h2><p>You can now hide this message or find out more about cookies.</p>'
+  value: '<h2>Obrigado por aceitar cookies</h2><p>Pode agora esconder esta mensagem ou saber mais sobre cookies.</p>'
   format: restricted_html
-popup_agree_button_message: 'Sim, concordo'
+popup_agree_button_message: Concordo
 popup_agreed_enabled: false
-popup_bg_hex: 0779bf
-popup_clicking_confirmation: true
+popup_bg_hex: 1A1A1A
+popup_clicking_confirmation: false
 popup_scrolling_confirmation: false
 popup_delay: 1000
 show_disagree_button: true
-popup_disagree_button_message: 'Mais informação'
+popup_disagree_button_message: 'Saber mais'
 popup_enabled: true
-popup_find_more_button_message: 'Mais informação'
-popup_height: 0
+popup_find_more_button_message: 'Saber mais'
+popup_height: null
 popup_hide_agreed: false
-popup_hide_button_message: Esconder
+popup_hide_button_message: Ocultar
 popup_info:
-  value: "<h2>Usamos cookies neste site para melhorar a sua experiência de utilização</h2>\r\n<p>Ao carregar em qualquer ligação nesta página estará dando o seu consentimento à utilização de cookies.</p>"
+  value: '<h2>Usamos cookies para permitir uma melhor experiência.</h2><p>Ao navegar no site estará a consentir a sua utilização.</p>'
   format: restricted_html
 mobile_popup_info:
-  value: '<h2>We use cookies on this site to enhance your user experience</h2><p>By tapping any link on this page you are giving your consent for us to set cookies.</p>'
-  format: restricted_html
+  value: ''
+  format: markdown
 popup_info_template: new
 mobile_breakpoint: 768
-popup_link: '<front>'
+popup_link: 'http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm'
 popup_link_new_window: true
 popup_position: false
 fixed_top_position: true
@@ -45,15 +45,16 @@ exclude_uid_1: false
 better_support_for_screen_readers: false
 use_mobile_message: false
 method: opt_in
-disagree_button_label: 'No, thanks'
+disagree_button_label: 'Não concordo'
 disabled_javascripts: ''
 whitelisted_cookies: ''
 consent_storage_method: do_not_store
 withdraw_message:
-  value: '<h2>We use cookies on this site to enhance your user experience</h2><p>You have given your consent for us to set cookies.</p>'
+  value: '<h2>Usamos cookies para permitir uma melhor experiência</h2><p>Deu-nos consentimento para definir cookies.</p>'
   format: restricted_html
-withdraw_action_button_label: 'Withdraw consent'
-withdraw_tab_button_label: 'Privacy settings'
+withdraw_action_button_label: 'Retirar consentimento'
+withdraw_tab_button_label: 'Politica de privacidade'
 withdraw_enabled: false
 _core:
   default_config_hash: 9RpVluEdsYtiE1Ity_X-P_3WmflzyJFit3v3u5k_w8c
+cookie_session: 0

sites/sync/language/en/eu_cookie_compliance.settings.yml

@@ -7,8 +7,7 @@ popup_hide_button_message: Hide
 popup_info:
   value: '<h2>We use cookies on this site to enhance your user experience</h2><p>By clicking any link on this page you are giving your consent for us to set cookies.</p>'
 mobile_popup_info:
-  value: '<h2>We use cookies on this site to enhance your user experience</h2><p>By tapping any link on this page you are giving your consent for us to set cookies.</p>'
-popup_link: '<front>'
+  value: '<h2>We use cookies on this site to enhance your user experience</h2><p>By clicking any link on this page you are giving your consent for us to set cookies.</p>'
 disagree_button_label: 'No, thanks'
 withdraw_message:
   value: '<h2>We use cookies on this site to enhance your user experience</h2><p>You have given your consent for us to set cookies.</p>'

sites/sync/user.role.anonymous.yml

@@ -5,7 +5,7 @@ dependencies: {  }
 _core:
   default_config_hash: j5zLMOdJBqC0bMvSdth5UebkprJB8g_2FXHqhfpJzow
 id: anonymous
-label: 'Utilizador anónimo'
+label: 'Anonymous user'
 weight: -10
 is_admin: false
 permissions:

sites/sync/user.role.authenticated.yml

@@ -5,7 +5,7 @@ dependencies: {  }
 _core:
   default_config_hash: dJ0L2DNSj5q6XVZAGsuVDpJTh5UeYkIPwKrUOOpr8YI
 id: authenticated
-label: 'Utilizador autenticado'
+label: 'Authenticated user'
 weight: -9
 is_admin: false
 permissions:

themes/custom/drupalpt/css/style.css

@@ -10001,6 +10001,51 @@ ul.list-of-text {
     max-width: 100%; } }
 /*
 *
+--- --- --- EU COOKIE COMPLIANCE BANNER --- --- ---
+*
+*/
+.eu-cookie-compliance-banner button:focus {
+  outline: none !important; }
+.eu-cookie-compliance-banner .eu-cookie-compliance-content {
+  padding: 15px 0; }
+  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
+    font: 200 16px/25px 'Inter', sans-serif;
+    font-style: italic; }
+  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p {
+    font: 300 12px/18px 'Inter', sans-serif; }
+  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message .eu-cookie-compliance-more-button {
+    font: 600 12px/18px 'Inter', sans-serif;
+    letter-spacing: -0.5px;
+    color: #fff;
+    text-transform: uppercase;
+    text-decoration: none; }
+    .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message .eu-cookie-compliance-more-button:hover {
+      color: #00F0F3;
+      text-decoration: none; }
+  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button {
+    font: 200 16px/25px 'Inter', sans-serif; }
+    .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-secondary-button:hover {
+      color: #00F0F3; }
+  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button {
+    display: inline-block;
+    padding: 9px 12px;
+    font: 600 13px/16px 'Inter', sans-serif;
+    letter-spacing: -0.5px;
+    color: #fff;
+    background: none;
+    border: none;
+    white-space: nowrap;
+    text-transform: uppercase;
+    text-align: center;
+    border: 2px solid #00F0F3;
+    text-shadow: none;
+    box-shadow: none;
+    border: 2px solid #00F0F3; }
+    .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons .eu-cookie-compliance-default-button:hover {
+      color: #00F0F3; }
+
+/*
+*
 --- --- SCROLL DOWN MOUSE
 *
 */

themes/custom/drupalpt/scss/import.scss

@@ -45,6 +45,9 @@
 // Responsive Optimization
 @import "theme-styles/responsive";
 
+// EU Cookie Compliance
+@import "theme-styles/util/eu-cookie-compliance";
+
 // Scroll Down mouse
 @import "theme-styles/util/scroll-down";
 

themes/custom/drupalpt/scss/theme-styles/util/eu-cookie-compliance.scss

+/*
+*
+--- --- --- EU COOKIE COMPLIANCE BANNER --- --- ---
+*
+*/
+
+.eu-cookie-compliance-banner {
+    button:focus {
+        outline: none !important;
+    }
+
+    .eu-cookie-compliance-content {
+        padding: 15px 0;
+
+        .eu-cookie-compliance-message {
+            h2 {
+                font: 200 16px/25px 'Inter', sans-serif;
+                font-style: italic;
+            }
+    
+            p {
+                font: 300 12px/18px 'Inter', sans-serif;
+            }
+    
+            .eu-cookie-compliance-more-button {
+                font: 600 12px/18px 'Inter', sans-serif;
+                letter-spacing: -0.5px;
+                color: #fff;
+                text-transform: uppercase;
+                text-decoration: none;
+
+                &:hover {
+                    color: $light-blue;
+                    text-decoration: none;
+                }
+            }
+        }
+    
+        .eu-cookie-compliance-buttons {
+            .eu-cookie-compliance-secondary-button {
+                font: 200 16px/25px 'Inter', sans-serif;
+
+                &:hover {
+                    color: $light-blue;
+                }
+            }
+    
+            .eu-cookie-compliance-default-button {
+                display: inline-block;
+                padding: 9px 12px;
+                font: 500 13px/16px 'Inter', sans-serif;
+                letter-spacing: -0.5px;
+                color: #fff;
+                background: none;
+                border: none;
+                white-space: nowrap;
+                text-transform: uppercase;
+                text-align: center;
+                border: 2px solid $light-blue;
+                text-shadow: none;
+                box-shadow: none;
+                border: 2px solid $light-blue;
+            
+                &:hover {
+                    color: $light-blue;
+                }
+            }
+        }
+    }
+}