From e95d263393c9e9672ad6f5cf93cd4089149c9ec4 Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Thu, 3 Sep 2020 16:04:27 +0200
Subject: [PATCH] feat: set data into report mail
---
.token.json | 1 +
konnector-dev-config.json | 4 +
.../template/monthlyReport-template.html | 355 ++
src/styles/index.css | 5044 +++++++----------
src/targets/services/monthlyReport.ts | 75 +-
5 files changed, 2393 insertions(+), 3086 deletions(-)
create mode 100644 .token.json
create mode 100644 konnector-dev-config.json
create mode 100644 src/assets/template/monthlyReport-template.html
diff --git a/.token.json b/.token.json
new file mode 100644
index 000000000..6362b27ea
--- /dev/null
+++ b/.token.json
@@ -0,0 +1 @@
+{"oauthOptions":{"clientID":"e6c1051a9a73b2153511c725f600585b","clientName":"cli-client-9","clientKind":"","clientSecret":"F373BJTE5Uezr6lskyXjpzvreceBIfId","clientURI":"","registrationAccessToken":"eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhdWQiOiJyZWdpc3RyYXRpb24iLCJpYXQiOjE1OTg4NjAwNTYsImlzcyI6ImNvenkudG9vbHM6ODA4MCIsInN1YiI6ImU2YzEwNTFhOWE3M2IyMTUzNTExYzcyNWY2MDA1ODViIn0.eBaaP3IyTu2-R6iJJzoR5uAlgMGNVTXG-hrvRW1xlfSMRCFrOBYi6VhzYYPE2Gew93qe8j97pRxIfuAj-AX5iw","redirectURI":"http://localhost:3333/do_access","softwareID":"dev-connector","softwareVersion":"","logoURI":"","policyURI":"","notificationPlatform":"","notificationDeviceToken":""},"token":{"tokenType":"bearer","accessToken":"eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhdWQiOiJhY2Nlc3MiLCJpYXQiOjE1OTg4NjAwNjAsImlzcyI6ImNvenkudG9vbHM6ODA4MCIsInN1YiI6ImU2YzEwNTFhOWE3M2IyMTUzNTExYzcyNWY2MDA1ODViIiwic2NvcGUiOiJpby5jb3p5LmFwcHMgaW8uY296eS5zZXR0aW5ncyBpby5jb3p5LmFjY291bnRzIGlvLmNvenkua29ubmVjdG9ycyBpby5jb3p5LnRyaWdnZXJzIGlvLmNvenkuam9icyBjb20uZ3JhbmRseW9uLmVuZWRpcy4qIGNvbS5ncmFuZGx5b24uZ3JkZi4qIGNvbS5ncmFuZGx5b24uZWdsLiogY29tLmdyYW5kbHlvbi5lY29seW8uKiJ9.fYEG_VXhI3Yl_GKs248AF2oMU4d0uEnIavZgQoGGIEycovIbQHylC2D9j0O9oU6rsBm9Ewu8v23ZI5YwcTZxSA","refreshToken":"eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJhdWQiOiJyZWZyZXNoIiwiaWF0IjoxNTk4ODYwMDYwLCJpc3MiOiJjb3p5LnRvb2xzOjgwODAiLCJzdWIiOiJlNmMxMDUxYTlhNzNiMjE1MzUxMWM3MjVmNjAwNTg1YiIsInNjb3BlIjoiaW8uY296eS5hcHBzIGlvLmNvenkuc2V0dGluZ3MgaW8uY296eS5hY2NvdW50cyBpby5jb3p5Lmtvbm5lY3RvcnMgaW8uY296eS50cmlnZ2VycyBpby5jb3p5LmpvYnMgY29tLmdyYW5kbHlvbi5lbmVkaXMuKiBjb20uZ3JhbmRseW9uLmdyZGYuKiBjb20uZ3JhbmRseW9uLmVnbC4qIGNvbS5ncmFuZGx5b24uZWNvbHlvLioifQ.3DvqlWeJz-urjyb-rUATiUaz_ITo4GaOt2Hrp6loZ7yyW17qnh9XtkQwIm68cqe4ZrrWbb219-3q1ANy9SOhrg","scope":"io.cozy.apps io.cozy.settings io.cozy.accounts io.cozy.konnectors io.cozy.triggers io.cozy.jobs com.grandlyon.enedis.* com.grandlyon.grdf.* com.grandlyon.egl.* com.grandlyon.ecolyo.*"}}
\ No newline at end of file
diff --git a/konnector-dev-config.json b/konnector-dev-config.json
new file mode 100644
index 000000000..10ca55a37
--- /dev/null
+++ b/konnector-dev-config.json
@@ -0,0 +1,4 @@
+{
+ "COZY_URL": "http://cozy.tools:8080",
+ "fields": {}
+}
\ No newline at end of file
diff --git a/src/assets/template/monthlyReport-template.html b/src/assets/template/monthlyReport-template.html
new file mode 100644
index 000000000..c261cd327
--- /dev/null
+++ b/src/assets/template/monthlyReport-template.html
@@ -0,0 +1,355 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Votre bilan hebdomadaire</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <style type="text/css">
+ @font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
+ }
+ /* Fonts and Content */
+ body,
+ td {
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ }
+ body {
+ background-color: #FFFFFF;
+ margin: 0;
+ padding: 0;
+ -webkit-text-size-adjust: none;
+ -ms-text-size-adjust: none;
+ }
+ h2 {
+ padding-top: 12px; /* ne fonctionnera pas sous Outlook 2007+ */
+ color: #ffffff;
+ font-size: 22px;
+ }
+ </style>
+ </head>
+ <body style="margin:0px; padding:0px; -webkit-text-size-adjust:none;">
+ <table
+ width="100%"
+ cellpadding="0"
+ cellspacing="0"
+ border="0"
+ style="background-color:#000000"
+ >
+ <tbody>
+ <tr>
+ <td align="center" bgcolor="#FFFFFF">
+ <table cellpadding="0" cellspacing="0" border="0">
+ <tbody>
+ <tr>
+ <td class="w640" width="640" height="40"></td>
+ </tr>
+ <!-- entete -->
+ <tr class="pagetoplogo">
+ <td class="w640" width="640">
+ <table
+ class="w640"
+ width="640"
+ cellpadding="0"
+ cellspacing="0"
+ border="0"
+ bgcolor="#000000"
+ >
+ <tbody>
+ <tr>
+ <td class="w30" width="30"></td>
+ <td
+ class="w580"
+ width="580"
+ valign="middle"
+ align="center"
+ >
+ <div class="pagetoplogo-content" style="color:#FFFFFF; font-size: 30px; font-weight: bold; margin-top: 15px; margin-bottom: 15px;">
+ <img
+ class="w580"
+ style="text-decoration: none; display: block; margin-bottom: 10px;"
+ src="data:image/png;base64,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"
+ alt="Ecolyo"
+ width="96"
+ height="96"
+ />
+ <span>Ecolyo</span>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ <!-- separateur horizontal -->
+ <tr>
+ <td
+ class="w640"
+ width="640"
+ height="2"
+ bgcolor="#e3b82a"
+ ></td>
+ </tr>
+ <!-- contenu -->
+ <tr class="content">
+ <td class="w640" width="640" bgcolor="#000000">
+ <table
+ class="w640"
+ width="640"
+ cellpadding="0"
+ cellspacing="0"
+ border="0"
+ >
+ <tbody>
+ <tr>
+ <td class="w30" width="30"></td>
+ <td class="w580" width="580">
+ <!-- content area -->
+ <table
+ class="w580"
+ width="580"
+ cellpadding="0"
+ cellspacing="0"
+ border="0"
+ >
+ <tbody>
+ <tr>
+ <td class="w580" width="580" align="center">
+ <h2
+ style="color:#FFFFFF; font-size:22px; padding-top:12px;"
+ >
+ Coup d'oeil sur le mois passé
+ </h2>
+ <div
+ class="article-content"
+ style="color:#FFFFFF; font-size:16px; padding-top:12px;"
+ >
+ <p>Mois d'aôut 2020</p>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td class="w30" width="580" height="20"></td>
+ </tr>
+ <tr>
+ <td
+ class="w580"
+ width="580"
+ height="1"
+ bgcolor="#FFFFFF"
+ ></td>
+ </tr>
+ </tbody>
+ </table>
+ <!-- content area -->
+ <table
+ class="w580"
+ width="580"
+ cellspacing="0"
+ cellpadding="0"
+ border="0"
+ >
+ <tbody>
+ <tr>
+ <td class="w580" width="580" align="left">
+ <h2
+ style="color:#FFFFFF; font-size:22px; padding-top:12px;"
+ >
+ Bonjour John Doe,
+ </h2>
+ <div
+ class="article-content"
+ style="color:#FFFFFF; font-size:16px; padding-top:12px;"
+ >
+ <p>
+ Vous avez consommé XX% de moins par
+ rapport au mois précédent.
+ </p>
+ <p>
+ Voici un détail de vos consommations:
+ </p>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td class="w30" width="580" height="20"></td>
+ </tr>
+ <tr>
+ </table>
+ <!-- content area -->
+ <table
+ class="w580"
+ width="580"
+ cellpadding="0"
+ border="0"
+ >
+ <tbody>
+ <tr>
+ <td colspan="3">
+ <h2
+ style="color:#FFFFFF; font-size:22px; padding-top:12px;"
+ >
+ Les facteurs d'influence sur ce mois:
+ </h2>
+ </td>
+ </tr>
+ <tr>
+ <td class="w275" width="275" valign="top">
+ <div
+ align="left"
+ class="article-content"
+ style="color:#FFFFFF; font-size:16px; padding-top:12px;"
+ >
+ <p>Défavorable</p>
+ <ul>
+ <li>La météo</li>
+ <li>Autre</li>
+ </ul>
+ </div>
+ </td>
+ <td class="w30" width="30" class="w30"></td>
+ <td class="w275" width="275" valign="top">
+ <div
+ align="left"
+ class="article-content"
+ style="color:#FFFFFF; font-size:16px; padding-top:12px;"
+ >
+ <p>Favorable</p>
+ <ul>
+ <li>La saisons</li>
+ <li>Autre</li>
+ </ul>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td class="w30" width="580" height="20"></td>
+ </tr>
+ <tr>
+ <td
+ colspan="3"
+ class="w580"
+ height="1"
+ bgcolor="#c7c5c5"
+ ></td>
+ </tr>
+ </tbody>
+ </table>
+ <!-- content area -->
+ <table
+ class="w580"
+ width="580"
+ cellspacing="0"
+ cellpadding="0"
+ border="0"
+ >
+ <tbody>
+ <tr>
+ <td class="w580" width="580" align="left">
+ <div
+ class="article-content"
+ style="color:#FFFFFF; font-size:16px; padding-top:12px;"
+ >
+ <p>
+ Retrouvez l'analyse complète de vos
+ consommations dans votre application
+ Ecolyo
+ </p>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td class="w580" width="580" align="center">
+ <div
+ class="article-content"
+ style="background-color:#e3b82a; font-size: 16px; font-weight: bold; width: 200px; height: 40px; border-radius: 3px;"
+ >
+ <a href="#" style="color: #000000; display: block; line-height: 40px; text-decoration: none; text-align: center;">
+ Allons-y
+ </a>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td class="w30" width="580" height="20"></td>
+ </tr>
+ </tbody>
+ </table>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ <!-- separateur horizontal -->
+ <tr>
+ <td
+ class="w640"
+ width="640"
+ height="2"
+ bgcolor="#e3b82a"
+ ></td>
+ </tr>
+ <!-- pied de page -->
+ <tr class="pagebottom">
+ <td class="w640" width="640">
+ <table
+ class="w640"
+ width="640"
+ cellpadding="0"
+ cellspacing="0"
+ border="0"
+ bgcolor="#000000"
+ >
+ <tbody>
+ <tr>
+ <td colspan="5" height="10"></td>
+ </tr>
+ <tr>
+ <td class="w30" width="30"></td>
+ <td class="w580" width="580" valign="top">
+ <p
+ align="right"
+ class="pagebottom-content-left"
+ style="color:#FFFFFF; font-size:16px; padding-top:12px;"
+ >
+ Créé par votre application Ecolyo
+ </p>
+ </td>
+ <td class="w30" width="30"></td>
+ </tr>
+ <tr>
+ <td
+ colspan="5"
+ height="10"
+ style="color:#FFFFFF; font-size:11px; padding-top:12px;"
+ align="center"
+ >
+ Pour ne plus recevoir ces rapports hebdomadaires,
+ désactivez ces emails dans votre profil Ecolyo
+ </td>
+ </tr>
+ <tr>
+ <td colspan="5" height="10"></td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td class="w640" width="640" height="60"></td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </body>
+</html>
\ No newline at end of file
diff --git a/src/styles/index.css b/src/styles/index.css
index eba6352f2..6d3542cbd 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,67 +1,58 @@
/* Cozy UI utilities classes */
@import url(~cozy-ui/dist/cozy-ui.min.css);
/* Cozy UI React components styles */
-@import url(~cozy-ui/react/stylesheet.css);
+@import url(~cozy-ui/transpiled/react/stylesheet.css);
/* App styles */
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
+@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
/* line 4, src/styles/base/_layout.scss */
html {
- background: #1b1c22;
-}
+ background: #1b1c22; }
/* line 8, src/styles/base/_layout.scss */
body {
background: #1b1c22;
- overflow: unset !important;
-}
+ overflow: unset !important; }
/* line 13, src/styles/base/_layout.scss */
.column {
display: flex;
- flex-direction: column;
-}
+ flex-direction: column; }
/* line 18, src/styles/base/_layout.scss */
.row {
display: flex;
- flex-direction: row;
-}
+ flex-direction: row; }
/* line 23, src/styles/base/_layout.scss */
.cozy-bar {
width: 100%;
display: flex;
align-items: center;
- justify-content: center;
-}
+ justify-content: center; }
/* line 30, src/styles/base/_layout.scss */
[role='banner'] .coz-bar-container {
- background-color: white;
-}
-@media only screen and (max-width: 768px) {
- /* line 30, src/styles/base/_layout.scss */
- [role='banner'] .coz-bar-container {
- padding: 0 0 0 0;
- background-color: unset;
- }
-}
+ background-color: #ffffff; }
+ @media only screen and (max-width: 768px) {
+ /* line 30, src/styles/base/_layout.scss */
+ [role='banner'] .coz-bar-container {
+ padding: 0 0 0 0;
+ background-color: unset; } }
/* line 38, src/styles/base/_layout.scss */
.coz-bar-wrapper {
box-shadow: unset !important;
- background: unset !important;
-}
+ background: unset !important; }
/* line 43, src/styles/base/_layout.scss */
.header {
@@ -73,103 +64,76 @@ body {
z-index: 18;
position: fixed;
top: 48px;
- left: 0;
-}
-@media only screen and (max-width: 768px) {
- /* line 43, src/styles/base/_layout.scss */
- .header {
- top: 0;
- }
-}
-/* line 56, src/styles/base/_layout.scss */
-.header .header-bar {
- background: linear-gradient(180deg, #000000 0%, rgba(27, 28, 34, 0) 70%);
- height: 8px;
- width: 100%;
-}
-/* line 61, src/styles/base/_layout.scss */
-.header .header-top {
- background: radial-gradient(
- 74.83% 76.97% at 50% 13.64%,
- #343641 0%,
- #1b1c22 100%
- );
- width: 100%;
-}
-/* line 68, src/styles/base/_layout.scss */
-.header .header-top .header-text {
- padding: 0 1rem 1rem 1rem;
- color: #e0e0e0;
-}
-/* line 73, src/styles/base/_layout.scss */
-.header .header-content {
- margin: 0 0 0 220px;
- display: flex;
- flex-direction: column;
-}
-@media only screen and (max-width: 1023px) {
- /* line 73, src/styles/base/_layout.scss */
- .header .header-content {
- margin: 0;
- }
-}
-@media only screen and (max-width: 768px) {
+ left: 0; }
+ @media only screen and (max-width: 768px) {
+ /* line 43, src/styles/base/_layout.scss */
+ .header {
+ top: 0; } }
+ /* line 56, src/styles/base/_layout.scss */
+ .header .header-bar {
+ background: linear-gradient(180deg, #000000 0%, rgba(27, 28, 34, 0) 70%);
+ height: 8px;
+ width: 100%; }
+ /* line 61, src/styles/base/_layout.scss */
+ .header .header-top {
+ background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
+ width: 100%; }
+ /* line 68, src/styles/base/_layout.scss */
+ .header .header-top .header-text {
+ padding: 0 1rem 1rem 1rem;
+ color: #e0e0e0; }
/* line 73, src/styles/base/_layout.scss */
.header .header-content {
- margin: 60px 0 0 0;
- }
-}
-/* line 83, src/styles/base/_layout.scss */
-.header .header-content .header-content-top {
- display: flex;
- flex-direction: row;
-}
-/* line 86, src/styles/base/_layout.scss */
-.header .header-content .header-content-top.header-content-top-right {
- justify-content: flex-end;
-}
-/* line 89, src/styles/base/_layout.scss */
-.header .header-content .header-content-top .header-text {
- padding: 2rem 1rem;
- flex: 1;
-}
-/* line 93, src/styles/base/_layout.scss */
-.header .header-content .header-content-top .header-text-desktop {
- display: flex;
- flex: 1;
- padding: 2rem 1.25rem;
- color: #e0e0e0;
-}
-/* line 99, src/styles/base/_layout.scss */
-.header .header-content .header-content-top .header-back-button {
- padding: 0 0.75rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 103, src/styles/base/_layout.scss */
- .header .header-content .header-content-top .header-text {
- padding: 0 1rem 1rem 1rem;
- color: #e0e0e0;
- }
- /* line 107, src/styles/base/_layout.scss */
- .header .header-content .header-content-top .header-text-desktop {
- display: none;
- }
- /* line 110, src/styles/base/_layout.scss */
- .header .header-content .header-content-top .header-feedbacks-button {
- display: none;
- }
-}
+ margin: 0 0 0 220px;
+ display: flex;
+ flex-direction: column; }
+ @media only screen and (max-width: 1023px) {
+ /* line 73, src/styles/base/_layout.scss */
+ .header .header-content {
+ margin: 0; } }
+ @media only screen and (max-width: 768px) {
+ /* line 73, src/styles/base/_layout.scss */
+ .header .header-content {
+ margin: 60px 0 0 0; } }
+ /* line 83, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top {
+ display: flex;
+ flex-direction: row; }
+ /* line 86, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top.header-content-top-right {
+ justify-content: flex-end; }
+ /* line 89, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top .header-text {
+ padding: 2rem 1rem;
+ flex: 1; }
+ /* line 93, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top .header-text-desktop {
+ display: flex;
+ flex: 1;
+ padding: 2rem 1.25rem;
+ color: #e0e0e0; }
+ /* line 99, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top .header-back-button {
+ padding: 0 0.75rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 103, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top .header-text {
+ padding: 0 1rem 1rem 1rem;
+ color: #e0e0e0; }
+ /* line 107, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top .header-text-desktop {
+ display: none; }
+ /* line 110, src/styles/base/_layout.scss */
+ .header .header-content .header-content-top .header-feedbacks-button {
+ display: none; } }
/* line 118, src/styles/base/_layout.scss */
.content-view {
- margin-top: 116px;
-}
-@media only screen and (max-width: 768px) {
- /* line 118, src/styles/base/_layout.scss */
- .content-view {
- margin-top: 0;
- }
-}
+ margin-top: 116px; }
+ @media only screen and (max-width: 768px) {
+ /* line 118, src/styles/base/_layout.scss */
+ .content-view {
+ margin-top: 0; } }
/* line 125, src/styles/base/_layout.scss */
.content-view-loading {
@@ -179,65 +143,55 @@ body {
flex-direction: column;
justify-content: center;
align-items: center;
- color: #e0e0e0;
-}
-/* line 133, src/styles/base/_layout.scss */
-.content-view-loading .content-view-loading-text {
- padding-top: 1rem;
- margin: 0 2rem;
- text-align: center;
-}
-/* line 138, src/styles/base/_layout.scss */
-.content-view-loading .content-view-loading-button {
- max-width: 50vw;
- margin-top: 1rem;
-}
+ color: #e0e0e0; }
+ /* line 133, src/styles/base/_layout.scss */
+ .content-view-loading .content-view-loading-text {
+ padding-top: 1rem;
+ margin: 0 2rem;
+ text-align: center; }
+ /* line 138, src/styles/base/_layout.scss */
+ .content-view-loading .content-view-loading-button {
+ max-width: 50vw;
+ margin-top: 1rem; }
/* line 144, src/styles/base/_layout.scss */
[role='main'] {
/* width */
/* Track */
- /* Handle */
-}
-/* line 146, src/styles/base/_layout.scss */
-[role='main']::-webkit-scrollbar {
- width: 10px;
-}
-/* line 150, src/styles/base/_layout.scss */
-[role='main']::-webkit-scrollbar-track {
- background: #3e4045;
-}
-/* line 154, src/styles/base/_layout.scss */
-[role='main']::-webkit-scrollbar-thumb {
- background: #6f7074;
-}
+ /* Handle */ }
+ /* line 146, src/styles/base/_layout.scss */
+ [role='main']::-webkit-scrollbar {
+ width: 10px; }
+ /* line 150, src/styles/base/_layout.scss */
+ [role='main']::-webkit-scrollbar-track {
+ background: #3e4045; }
+ /* line 154, src/styles/base/_layout.scss */
+ [role='main']::-webkit-scrollbar-thumb {
+ background: #6f7074; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 6, src/styles/base/_typography.scss */
* {
- font-family: Lato, sans-serif;
-}
+ font-family: Lato, sans-serif; }
/* line 10, src/styles/base/_typography.scss */
h1,
@@ -248,8 +202,7 @@ h5,
h6,
p {
color: #a0a0a0;
- font-family: Lato, sans-serif;
-}
+ font-family: Lato, sans-serif; }
/* line 21, src/styles/base/_typography.scss */
.home-title {
@@ -258,8 +211,7 @@ p {
font-style: normal;
font-weight: normal;
line-height: 120%;
- text-transform: uppercase;
-}
+ text-transform: uppercase; }
/* line 30, src/styles/base/_typography.scss */
.app-title {
@@ -271,344 +223,292 @@ p {
text-align: center;
letter-spacing: 0.15px;
color: #e0e0e0;
- text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07);
-}
+ text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07); }
/* line 43, src/styles/base/_typography.scss */
-.red {
- color: #d25959;
-}
-
-/* line 46, src/styles/base/_typography.scss */
-.blue {
- color: #81abd0;
-}
-
-/* line 49, src/styles/base/_typography.scss */
-.green {
- color: #7fd771;
-}
-
-/* line 53, src/styles/base/_typography.scss */
.text-10-normal {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.625rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 60, src/styles/base/_typography.scss */
+/* line 50, src/styles/base/_typography.scss */
.text-10-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 0.625rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 67, src/styles/base/_typography.scss */
+/* line 57, src/styles/base/_typography.scss */
.text-14-normal {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.875rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 74, src/styles/base/_typography.scss */
+/* line 64, src/styles/base/_typography.scss */
.text-14-normal-uppercase {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.875rem;
line-height: 120%;
- text-transform: uppercase;
-}
+ text-transform: uppercase; }
-/* line 82, src/styles/base/_typography.scss */
+/* line 72, src/styles/base/_typography.scss */
.text-15-normal {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.938rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 89, src/styles/base/_typography.scss */
+/* line 79, src/styles/base/_typography.scss */
.text-16-normal {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 96, src/styles/base/_typography.scss */
+/* line 86, src/styles/base/_typography.scss */
.text-16-normal-150 {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
- line-height: 150%;
-}
+ line-height: 150%; }
-/* line 103, src/styles/base/_typography.scss */
+/* line 93, src/styles/base/_typography.scss */
.text-16-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 110, src/styles/base/_typography.scss */
+/* line 100, src/styles/base/_typography.scss */
.text-18-normal {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 1.125rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 117, src/styles/base/_typography.scss */
+/* line 107, src/styles/base/_typography.scss */
.text-18-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.125rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 124, src/styles/base/_typography.scss */
+/* line 114, src/styles/base/_typography.scss */
.text-19-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.188rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 131, src/styles/base/_typography.scss */
+/* line 121, src/styles/base/_typography.scss */
.text-20-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.25rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 138, src/styles/base/_typography.scss */
+/* line 128, src/styles/base/_typography.scss */
.text-21-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.313rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 145, src/styles/base/_typography.scss */
+/* line 135, src/styles/base/_typography.scss */
.text-22-normal {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1.375rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 152, src/styles/base/_typography.scss */
+/* line 142, src/styles/base/_typography.scss */
.text-22-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.375rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 159, src/styles/base/_typography.scss */
+/* line 149, src/styles/base/_typography.scss */
.text-24-normal {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1.5rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 166, src/styles/base/_typography.scss */
+/* line 156, src/styles/base/_typography.scss */
.text-24-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.5rem;
- line-height: 120%;
-}
+ line-height: 120%; }
/* Button */
-/* line 176, src/styles/base/_typography.scss */
+/* line 166, src/styles/base/_typography.scss */
.button-primary-text span {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 185, src/styles/base/_typography.scss */
+/* line 175, src/styles/base/_typography.scss */
.button-secondary-text {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* Card */
-/* line 195, src/styles/base/_typography.scss */
+/* line 185, src/styles/base/_typography.scss */
.card-title-on {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1.125rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 203, src/styles/base/_typography.scss */
+/* line 193, src/styles/base/_typography.scss */
.card-title-off {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 211, src/styles/base/_typography.scss */
+/* line 201, src/styles/base/_typography.scss */
.card-text-bold {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 219, src/styles/base/_typography.scss */
+/* line 209, src/styles/base/_typography.scss */
.card-result {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: 900;
font-size: 1.75rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 227, src/styles/base/_typography.scss */
+/* line 217, src/styles/base/_typography.scss */
.card-indicator {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 235, src/styles/base/_typography.scss */
+/* line 225, src/styles/base/_typography.scss */
.card-text {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* Chart */
-/* line 245, src/styles/base/_typography.scss */
+/* line 235, src/styles/base/_typography.scss */
.chart-date {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1rem;
line-height: 123%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 253, src/styles/base/_typography.scss */
+/* line 243, src/styles/base/_typography.scss */
.chart-result {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 2.25rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 261, src/styles/base/_typography.scss */
+/* line 251, src/styles/base/_typography.scss */
.chart-fluid {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 269, src/styles/base/_typography.scss */
+/* line 259, src/styles/base/_typography.scss */
.chart-switch-text {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 277, src/styles/base/_typography.scss */
+/* line 267, src/styles/base/_typography.scss */
.chart-ticks-x-text {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
- line-height: 120%;
-}
-@media only screen and (max-width: 768px) {
- /* line 277, src/styles/base/_typography.scss */
- .chart-ticks-x-text {
- font-size: 0.875rem;
- }
-}
-
-/* line 287, src/styles/base/_typography.scss */
+ line-height: 120%; }
+ @media only screen and (max-width: 768px) {
+ /* line 267, src/styles/base/_typography.scss */
+ .chart-ticks-x-text {
+ font-size: 0.875rem; } }
+
+/* line 277, src/styles/base/_typography.scss */
.chart-ticks-y-text {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.9rem;
- line-height: 120%;
-}
-@media only screen and (max-width: 768px) {
- /* line 287, src/styles/base/_typography.scss */
- .chart-ticks-y-text {
- font-size: 0.75rem;
- }
-}
+ line-height: 120%; }
+ @media only screen and (max-width: 768px) {
+ /* line 277, src/styles/base/_typography.scss */
+ .chart-ticks-y-text {
+ font-size: 0.75rem; } }
/* Cozy bar */
-/* line 299, src/styles/base/_typography.scss */
+/* line 289, src/styles/base/_typography.scss */
.cozybar {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1.3125rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* List */
-/* line 309, src/styles/base/_typography.scss */
+/* line 299, src/styles/base/_typography.scss */
.list-title {
font-family: Lato, sans-serif;
font-style: normal;
@@ -616,850 +516,506 @@ p {
font-size: 0.875rem;
line-height: 120%;
text-transform: uppercase;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/* Tab */
-/* line 320, src/styles/base/_typography.scss */
+/* line 310, src/styles/base/_typography.scss */
.tab-text-on {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 1rem;
- line-height: 120%;
-}
+ line-height: 120%; }
-/* line 327, src/styles/base/_typography.scss */
+/* line 317, src/styles/base/_typography.scss */
.tab-text-off {
font-family: Lato, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 120%;
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 5, src/styles/components/_card.scss */
.redirect-card-link {
- color: transparent;
-}
+ color: transparent; }
/* line 8, src/styles/components/_card.scss */
.redirect-card-content {
- margin: 0.25rem 0;
-}
-
-/* line 14, src/styles/components/_card.scss */
-.card {
- /* linear card */
- background: linear-gradient(180deg, #323339 0%, #25262b 100%);
- background-color: #25262b;
- display: flex;
- flex-direction: column;
- color: white;
- padding: 1rem 1.5rem;
- margin: 2vh 2vw 2vh 0vw;
- box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
-}
-@media only screen and (max-width: 768px) {
- /* line 14, src/styles/components/_card.scss */
- .card {
- margin: 2vh 0;
- }
-}
-/* line 27, src/styles/components/_card.scss */
-.card.orange {
- border: 1px solid rgba(216, 123, 57, 0.4);
-}
-/* line 30, src/styles/components/_card.scss */
-.card.blue {
- border: 1px solid rgba(58, 152, 236, 0.4);
-}
-/* line 33, src/styles/components/_card.scss */
-.card.green {
- border: 1px solid rgba(69, 209, 184, 0.4);
-}
-/* line 36, src/styles/components/_card.scss */
-.card .title {
- font-size: 1.5rem;
- font-style: normal;
- font-weight: normal;
- color: #e0e0e0;
- line-height: 120%;
-}
-/* line 43, src/styles/components/_card.scss */
-.card h1 {
- font-size: 1rem;
- font-style: normal;
- font-weight: normal;
- line-height: 120%;
- color: white;
-}
-/* line 50, src/styles/components/_card.scss */
-.card p {
- font-style: normal;
- font-weight: normal;
- font-size: 1rem;
- line-height: 120%;
-}
-/* line 56, src/styles/components/_card.scss */
-.card .card-header {
- flex-direction: row;
- display: flex;
- justify-content: left;
- padding: 0.75rem 0rem;
-}
-/* line 61, src/styles/components/_card.scss */
-.card .card-header div:first-of-type {
- margin-left: 3.5vw;
-}
-/* line 64, src/styles/components/_card.scss */
-.card .card-header h2 {
- margin: 0;
- color: #e0e0e0;
- font-style: normal;
- font-weight: normal;
- font-size: 2rem;
- line-height: 120%;
-}
-/* line 71, src/styles/components/_card.scss */
-.card .card-header h2 span {
- color: #e0e0e0;
- font-weight: 600;
- font-size: 2.3rem;
-}
-/* line 77, src/styles/components/_card.scss */
-.card .card-header h3 {
- margin: 0;
- font-style: normal;
- font-weight: bold;
- font-size: 1rem;
- line-height: 120%;
-}
+ margin: 0.25rem 0; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_form.scss */
.form {
- padding: 1rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 4, src/styles/components/_form.scss */
- .form {
- padding: 1rem;
- }
-}
-/* line 9, src/styles/components/_form.scss */
-.form label {
- font-style: normal;
- font-weight: normal;
- font-size: 1rem;
- color: #e0e0e0;
- margin-top: 0rem;
-}
-/* line 16, src/styles/components/_form.scss */
-.form .form-input {
- background: rgba(0, 0, 0, 0.3);
- border: 1px solid #7b7b7b;
- border-radius: 4px;
- color: #e0e0e0;
- padding: 0 5%;
- outline-offset: -1px;
-}
-/* line 23, src/styles/components/_form.scss */
-.form .form-input.--error {
- border: 1px solid #d25959;
-}
-/* line 27, src/styles/components/_form.scss */
-.form .form-input:focus {
- outline: none;
- border: 1px solid #e3b82a;
-}
-/* line 31, src/styles/components/_form.scss */
-.form .form-group {
- display: flex;
- flex-direction: column;
- margin: 1.5rem 0 0 0;
-}
-/* line 35, src/styles/components/_form.scss */
-.form .form-group .form-trailing-icon {
- float: right;
- position: relative;
- margin-top: -48px;
- margin-right: 15px;
-}
-/* line 42, src/styles/components/_form.scss */
-.form .form-control {
- height: 3rem;
-}
-@media only screen and (max-width: 768px) {
+ padding: 1rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 4, src/styles/components/_form.scss */
+ .form {
+ padding: 1rem; } }
+ /* line 9, src/styles/components/_form.scss */
+ .form label {
+ font-style: normal;
+ font-weight: normal;
+ font-size: 1rem;
+ color: #e0e0e0;
+ margin-top: 0rem; }
+ /* line 16, src/styles/components/_form.scss */
+ .form .form-input {
+ background: rgba(0, 0, 0, 0.3);
+ border: 1px solid #7b7b7b;
+ border-radius: 4px;
+ color: #e0e0e0;
+ padding: 0 5%;
+ outline-offset: -1px; }
+ /* line 23, src/styles/components/_form.scss */
+ .form .form-input.--error {
+ border: 1px solid #d25959; }
+ /* line 27, src/styles/components/_form.scss */
+ .form .form-input:focus {
+ outline: none;
+ border: 1px solid #e3b82a; }
+ /* line 31, src/styles/components/_form.scss */
+ .form .form-group {
+ display: flex;
+ flex-direction: column;
+ margin: 1.5rem 0 0 0; }
+ /* line 35, src/styles/components/_form.scss */
+ .form .form-group .form-trailing-icon {
+ float: right;
+ position: relative;
+ margin-top: -48px;
+ margin-right: 15px; }
/* line 42, src/styles/components/_form.scss */
.form .form-control {
- max-width: 100vw;
- }
-}
-/* line 48, src/styles/components/_form.scss */
-.form .form-message {
- color: #ce3535;
- min-height: 1.25rem;
- margin-top: 0.75rem;
-}
-/* line 53, src/styles/components/_form.scss */
-.form .form-button {
- margin-top: 0.75rem;
-}
-/* line 56, src/styles/components/_form.scss */
-.form ::placeholder {
- color: #e0e0e0;
-}
-
-/** BLACK **/
-/** TEXT COLOR **/
-/** RED **/
-/** YELLOW **/
-/** ORANGE **/
-/** BLUE **/
-/** GREEN **/
-/** WHITE **/
-/** GREY **/
-/** App colors **/
-/** TABS GRADIENT **/
-/* line 6, src/styles/components/_button.scss */
-.btn-primary {
- height: 3rem;
- padding: 0.5vh 2vw 0.5vh 2vw;
- background-color: #b2901b;
- border: 1px solid rgba(227, 184, 42, 0.2);
- box-shadow: 0px 2px 6px #1e1c1c;
- border-radius: 2px;
- margin: 1rem 0 1rem 0;
- color: black;
- font-size: 1rem;
- font-style: normal;
- font-weight: 600;
- line-height: 120%;
- text-transform: capitalize;
-}
-/* line 23, src/styles/components/_button.scss */
-.btn-primary:hover {
- cursor: pointer;
- background-color: #deaf0e;
- color: #242633;
-}
-/* line 28, src/styles/components/_button.scss */
-.btn-primary:active {
- position: relative;
- top: 1px;
- background-color: #c59f1c;
-}
-/* line 34, src/styles/components/_button.scss */
-.btn-primary:focus {
- cursor: pointer;
- outline: none;
-}
-
-/* line 41, src/styles/components/_button.scss */
-.btn-secondary {
- background-color: #deaf0e;
- color: black;
- height: 3rem;
- padding: 0.5vh 2vw 0.5vh 2vw;
- margin: 1rem 0 1rem 0;
- text-transform: capitalize;
- border: 1px solid rgba(227, 184, 42, 0.2);
- box-shadow: -2px -2px 6px rgba(227, 184, 42, 0.2), 2px 2px 6px #1e1c1c;
- border-radius: 6px;
- font-style: normal;
- font-weight: 600;
- font-size: 16px;
- line-height: 120%;
-}
-
-/* line 60, src/styles/components/_button.scss */
-.btn-secondary-negative {
- border: 1px solid #deaf0e;
- height: 3rem;
- padding: 0.5vh 2vw 0.5vh 2vw;
- margin: 1rem 0 1rem 0;
- text-transform: capitalize;
- box-shadow: -2px -2px 6px rgba(227, 184, 42, 0.2), 2px 2px 6px #1e1c1c;
- border-radius: 6px;
- font-style: normal;
- font-weight: normal;
- font-size: 16px;
- line-height: 120%;
- color: #e0e0e0;
-}
+ height: 3rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 42, src/styles/components/_form.scss */
+ .form .form-control {
+ max-width: 100vw; } }
+ /* line 48, src/styles/components/_form.scss */
+ .form .form-message {
+ color: #d25959;
+ min-height: 1.25rem;
+ margin-top: 0.75rem; }
+ /* line 53, src/styles/components/_form.scss */
+ .form .form-button {
+ margin-top: 0.75rem; }
+ /* line 56, src/styles/components/_form.scss */
+ .form ::placeholder {
+ color: #e0e0e0; }
-/* line 78, src/styles/components/_button.scss */
-.btn-chevron {
- margin: 1rem 1rem 1rem 0;
- color: white;
- font-size: 1rem;
- font-style: normal;
- font-weight: 600;
- line-height: 120%;
-}
-/* line 88, src/styles/components/_button.scss */
-.btn-chevron:hover {
- cursor: pointer;
- color: white;
-}
-
-/* line 94, src/styles/components/_button.scss */
-.btn-long-string {
- height: 3rem;
- padding: 0.5vh 2vw 0.5vh 2vw;
- border: 1px solid #121212;
- box-sizing: border-box;
- border-radius: 2px;
- color: white;
- font-size: 1rem;
- font-style: normal;
- font-weight: 600;
- line-height: 120%;
- margin: 1rem 0 1rem 0;
-}
-
-/*
-.btn {
- height: 3rem;
- padding: 0.5vh 2vw 0.5vh 2vw;
- background-color: $gold;
- border: none;
- margin: 1rem 0 1rem 0;
- color: $text-black;
- font-size: 1rem;
- font-style: normal;
- font-weight: 600;
- line-height: 120%;
- text-transform: capitalize;
- &.active{
- opacity: 0.3;
- }
- &:hover {
- cursor: pointer;
- background-color: $gold-light;
- color: $dark;
- }
- &:active {
- position:relative;
- top:1px;
- background-color: #c59f1c;
- }
- .btn-content{
- display: inline-flex;
- align-items: center;
- .btn-icon{
- margin-right: 1.5vw;
- }
- }
-}
-*/
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 3, src/styles/components/_konnector.scss */
.accordion {
display: flex;
flex-direction: column;
- color: white;
+ color: #ffffff;
padding: 1rem 0;
margin-bottom: 2vh;
border-radius: 4px;
background: linear-gradient(180deg, #323339 0%, #25262b 100%);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
- transition: background-color 0.6s ease;
-}
-/* line 13, src/styles/components/_konnector.scss */
-.accordion.active {
- background-color: #34353a;
-}
-/* line 17, src/styles/components/_konnector.scss */
-.accordion .accordion-header {
- display: flex;
- align-items: center;
- border: none;
- outline: none;
- padding: 0 1rem;
-}
-/* line 23, src/styles/components/_konnector.scss */
-.accordion .accordion-header:hover {
- cursor: pointer;
-}
-/* line 26, src/styles/components/_konnector.scss */
-.accordion .accordion-header .accordion-icon {
- margin-right: 1rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 26, src/styles/components/_konnector.scss */
- .accordion .accordion-header .accordion-icon {
- max-width: 16vw;
- }
-}
-/* line 32, src/styles/components/_konnector.scss */
-.accordion .accordion-header .accordion-info {
- flex: 3;
- color: #e0e0e0;
-}
-@media only screen and (max-width: 768px) {
- /* line 32, src/styles/components/_konnector.scss */
- .accordion .accordion-header .accordion-info {
- display: block;
- }
-}
-/* line 38, src/styles/components/_konnector.scss */
-.accordion .accordion-header .accordion-info .accordion-title {
- flex: 1;
-}
-/* line 45, src/styles/components/_konnector.scss */
-.accordion .accordion-header .state-picto {
- position: absolute;
- display: flex;
-}
-/* line 50, src/styles/components/_konnector.scss */
-.accordion .accordion-update-result {
- margin: 0.5rem 1.5rem;
-}
-@media only screen and (max-width: 768px) {
+ transition: background-color 0.6s ease; }
+ /* line 13, src/styles/components/_konnector.scss */
+ .accordion.active {
+ background-color: #34353a; }
+ /* line 17, src/styles/components/_konnector.scss */
+ .accordion .accordion-header {
+ display: flex;
+ align-items: center;
+ border: none;
+ outline: none;
+ padding: 0 1rem; }
+ /* line 23, src/styles/components/_konnector.scss */
+ .accordion .accordion-header:hover {
+ cursor: pointer; }
+ /* line 26, src/styles/components/_konnector.scss */
+ .accordion .accordion-header .accordion-icon {
+ margin-right: 1rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 26, src/styles/components/_konnector.scss */
+ .accordion .accordion-header .accordion-icon {
+ max-width: 16vw; } }
+ /* line 32, src/styles/components/_konnector.scss */
+ .accordion .accordion-header .accordion-info {
+ flex: 3;
+ color: #e0e0e0; }
+ @media only screen and (max-width: 768px) {
+ /* line 32, src/styles/components/_konnector.scss */
+ .accordion .accordion-header .accordion-info {
+ display: block; } }
+ /* line 38, src/styles/components/_konnector.scss */
+ .accordion .accordion-header .accordion-info .accordion-title {
+ flex: 1; }
+ /* line 45, src/styles/components/_konnector.scss */
+ .accordion .accordion-header .state-picto {
+ position: absolute;
+ display: flex; }
/* line 50, src/styles/components/_konnector.scss */
.accordion .accordion-update-result {
- margin: 0.5rem 0;
- }
-}
-/* line 56, src/styles/components/_konnector.scss */
-.accordion .accordion-update {
- flex: 2;
- padding: 0.5rem 1rem;
-}
-/* line 60, src/styles/components/_konnector.scss */
-.accordion .accordion-state {
- flex: 2;
- margin-right: 1rem;
-}
-/* line 64, src/styles/components/_konnector.scss */
-.accordion .accordion-frequency {
- flex: 1;
- padding: 0 1rem;
-}
-/* line 68, src/styles/components/_konnector.scss */
-.accordion .accordion-caption {
- color: #a0a0a0;
- text-transform: lowercase;
-}
-/* line 71, src/styles/components/_konnector.scss */
-.accordion .accordion-caption::first-letter {
- text-transform: uppercase;
-}
-/* line 75, src/styles/components/_konnector.scss */
-.accordion .accordion-caption-red {
- color: #ce3535;
- text-transform: lowercase;
-}
-/* line 78, src/styles/components/_konnector.scss */
-.accordion .accordion-caption-red::first-letter {
- text-transform: uppercase;
-}
-/* line 82, src/styles/components/_konnector.scss */
-.accordion .accordion-content {
- overflow: hidden;
- transition: max-height 0.6s ease;
-}
-/* line 86, src/styles/components/_konnector.scss */
-.accordion .inline-buttons {
- display: flex;
- flex-flow: row nowrap;
- padding: 0 1rem;
-}
-/* line 91, src/styles/components/_konnector.scss */
-.accordion .konnector-delete {
- margin-right: 0.25rem;
- color: #d25959 !important;
-}
-/* line 95, src/styles/components/_konnector.scss */
-.accordion .konnector-update {
- margin-left: 0.25rem;
-}
-/* line 98, src/styles/components/_konnector.scss */
-.accordion .btn-position {
- width: 100%;
- margin: 0.5rem 1rem;
-}
+ margin: 1rem 0; }
+ @media only screen and (max-width: 768px) {
+ /* line 50, src/styles/components/_konnector.scss */
+ .accordion .accordion-update-result {
+ margin: 0.5rem 0; } }
+ /* line 56, src/styles/components/_konnector.scss */
+ .accordion .accordion-update {
+ flex: 2;
+ padding: 0.5rem 1rem; }
+ /* line 60, src/styles/components/_konnector.scss */
+ .accordion .accordion-update-errored {
+ flex: 2;
+ padding: 0.5rem 1rem;
+ background-color: #d25959;
+ display: flex; }
+ /* line 66, src/styles/components/_konnector.scss */
+ .accordion .accordion-state {
+ flex: 2;
+ margin-right: 1rem; }
+ /* line 70, src/styles/components/_konnector.scss */
+ .accordion .accordion-frequency {
+ flex: 1;
+ padding: 0 1rem; }
+ /* line 74, src/styles/components/_konnector.scss */
+ .accordion .accordion-caption {
+ color: #e0e0e0;
+ text-transform: lowercase; }
+ /* line 77, src/styles/components/_konnector.scss */
+ .accordion .accordion-caption::first-letter {
+ text-transform: uppercase; }
+ /* line 81, src/styles/components/_konnector.scss */
+ .accordion .warning-white {
+ margin-right: 1rem; }
+ /* line 84, src/styles/components/_konnector.scss */
+ .accordion .accordion-content {
+ overflow: hidden;
+ transition: max-height 0.6s ease; }
+ /* line 88, src/styles/components/_konnector.scss */
+ .accordion .inline-buttons {
+ display: flex;
+ flex-flow: row nowrap;
+ padding: 0 2rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 88, src/styles/components/_konnector.scss */
+ .accordion .inline-buttons {
+ padding: 0 1rem; } }
+ /* line 96, src/styles/components/_konnector.scss */
+ .accordion .konnector-delete {
+ margin-right: 0.25rem;
+ color: #d25959 !important; }
+ /* line 100, src/styles/components/_konnector.scss */
+ .accordion .konnector-update {
+ margin-left: 0.25rem; }
+ /* line 103, src/styles/components/_konnector.scss */
+ .accordion .btn-position {
+ width: 100%;
+ margin: 0.5rem 1rem; }
-/* line 103, src/styles/components/_konnector.scss */
+/* line 108, src/styles/components/_konnector.scss */
.--errored {
- border: solid 1px #d25959;
-}
+ border: solid 1px #d25959; }
-/* line 107, src/styles/components/_konnector.scss */
+/* line 112, src/styles/components/_konnector.scss */
.kv-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- padding: 0 1.5rem;
-}
-/* line 113, src/styles/components/_konnector.scss */
-.kv-root .kv-content {
- width: 45.75rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 113, src/styles/components/_konnector.scss */
+ padding: 0 1.5rem; }
+ /* line 118, src/styles/components/_konnector.scss */
.kv-root .kv-content {
- width: 100%;
- }
-}
-/* line 118, src/styles/components/_konnector.scss */
-.kv-root .kv-content .kv-header {
- margin-top: 2.5rem;
- margin-bottom: 1.25rem;
- color: #e0e0e0;
-}
+ width: 45.75rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 118, src/styles/components/_konnector.scss */
+ .kv-root .kv-content {
+ width: 100%; } }
+ /* line 123, src/styles/components/_konnector.scss */
+ .kv-root .kv-content .kv-header {
+ margin-top: 2.5rem;
+ margin-bottom: 1.25rem;
+ color: #e0e0e0; }
-/* line 127, src/styles/components/_konnector.scss */
-.knotfound {
- margin: 0 1.5rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 127, src/styles/components/_konnector.scss */
- .knotfound {
- margin: 0;
- }
-}
/* line 132, src/styles/components/_konnector.scss */
-.knotfound .knotfound-text {
- color: #e0e0e0;
- padding-top: 1rem;
-}
-/* line 136, src/styles/components/_konnector.scss */
-.knotfound .knotfound-button {
- margin-bottom: 1rem;
-}
-
-/* line 142, src/styles/components/_konnector.scss */
+.knotfound {
+ margin: 0 1.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 132, src/styles/components/_konnector.scss */
+ .knotfound {
+ margin: 0; } }
+ /* line 137, src/styles/components/_konnector.scss */
+ .knotfound .knotfound-text {
+ color: #e0e0e0;
+ padding-top: 1rem; }
+ /* line 141, src/styles/components/_konnector.scss */
+ .knotfound .knotfound-button {
+ margin-bottom: 1rem; }
+
+/* line 147, src/styles/components/_konnector.scss */
.koauthform {
margin: 0 1.5rem;
- padding: 0 1rem;
-}
-/* line 145, src/styles/components/_konnector.scss */
-.koauthform .create-account {
- color: #e0e0e0;
-}
-@media only screen and (max-width: 768px) {
- /* line 142, src/styles/components/_konnector.scss */
- .koauthform {
- margin: 0;
- padding: 0 1rem;
- }
-}
-/* line 152, src/styles/components/_konnector.scss */
-.koauthform .koauthform-text {
- color: #e0e0e0;
- padding-top: 1rem;
-}
-/* line 156, src/styles/components/_konnector.scss */
-.koauthform .koauthform-button {
- margin-bottom: 1rem;
-}
-
-/* line 163, src/styles/components/_konnector.scss */
+ padding: 0 1rem; }
+ /* line 150, src/styles/components/_konnector.scss */
+ .koauthform .create-account {
+ color: #e0e0e0; }
+ @media only screen and (max-width: 768px) {
+ /* line 147, src/styles/components/_konnector.scss */
+ .koauthform {
+ margin: 0;
+ padding: 0 1rem; } }
+ /* line 157, src/styles/components/_konnector.scss */
+ .koauthform .koauthform-text {
+ color: #e0e0e0;
+ padding-top: 1rem; }
+ /* line 161, src/styles/components/_konnector.scss */
+ .koauthform .koauthform-button {
+ margin-bottom: 1rem; }
+
+/* line 168, src/styles/components/_konnector.scss */
.kloginauthform .create-account {
- color: #e0e0e0;
-}
+ color: #e0e0e0; }
-/* line 166, src/styles/components/_konnector.scss */
+/* line 171, src/styles/components/_konnector.scss */
.kloginauthform .kloginauthform-text {
color: #e0e0e0;
- padding-top: 1rem;
-}
+ padding-top: 1rem; }
-/* line 170, src/styles/components/_konnector.scss */
+/* line 175, src/styles/components/_konnector.scss */
.kloginauthform .kloginauthform-button {
- margin-bottom: 1rem;
-}
+ margin-bottom: 1rem; }
-/* line 176, src/styles/components/_konnector.scss */
-.klaunch-content {
- margin: 0.5rem 1.5rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 176, src/styles/components/_konnector.scss */
- .klaunch-content {
- margin: 0.5rem 0;
- }
-}
/* line 181, src/styles/components/_konnector.scss */
-.klaunch-content .klaunch-content-text {
- color: #e0e0e0;
- margin: 1rem;
- text-align: center;
-}
-/* line 185, src/styles/components/_konnector.scss */
-.klaunch-content .klaunch-content-text .kc-wait {
- color: #a0a0a0;
- margin-bottom: 2rem;
-}
-/* line 190, src/styles/components/_konnector.scss */
-.klaunch-content .klaunch-content-text-center {
- text-align: center;
-}
-/* line 193, src/styles/components/_konnector.scss */
-.klaunch-content .klaunch-info {
- margin: 1.5rem;
-}
-/* line 195, src/styles/components/_konnector.scss */
-.klaunch-content .klaunch-info .konnector-config {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- text-align: center;
-}
-/* line 201, src/styles/components/_konnector.scss */
-.klaunch-content .klaunch-info .konnector-config .kce-picto-txt {
- color: #d25959;
- margin: 1.25rem;
-}
-/* line 205, src/styles/components/_konnector.scss */
-.klaunch-content .klaunch-info .konnector-config .kcs-picto-txt {
- color: #e3b82a;
- margin: 1.25rem;
-}
-
-/* line 213, src/styles/components/_konnector.scss */
+.klaunch-content {
+ margin: 0.5rem 1.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 181, src/styles/components/_konnector.scss */
+ .klaunch-content {
+ margin: 0.5rem 0; } }
+ /* line 186, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-content-text {
+ color: #e0e0e0;
+ margin: 1rem;
+ text-align: center; }
+ /* line 190, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-content-text .kc-wait {
+ color: #a0a0a0;
+ margin-bottom: 2rem; }
+ /* line 195, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-content-text-center {
+ text-align: center; }
+ /* line 198, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-info {
+ margin: 1.5rem; }
+ /* line 200, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-info .konnector-config {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center; }
+ /* line 206, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-info .konnector-config .kce-picto-txt {
+ color: #d25959;
+ margin: 1.25rem; }
+ /* line 210, src/styles/components/_konnector.scss */
+ .klaunch-content .klaunch-info .konnector-config .kcs-picto-txt {
+ color: #e3b82a;
+ margin: 1.25rem; }
+
+/* line 218, src/styles/components/_konnector.scss */
.state-icon {
height: 22px;
width: 22px;
position: absolute;
bottom: 8px;
- left: 30px;
-}
+ left: 30px; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 5, src/styles/components/_fluid.scss */
.sf {
display: flex;
- flex-direction: column;
-}
-/* line 9, src/styles/components/_fluid.scss */
-.sf .sf-header .sf-header-title {
- color: #e0e0e0;
-}
-/* line 12, src/styles/components/_fluid.scss */
-.sf .sf-header .sf-header-text {
- color: #a0a0a0;
-}
-/* line 16, src/styles/components/_fluid.scss */
-.sf .sf-content {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-top: 3rem;
-}
-/* line 21, src/styles/components/_fluid.scss */
-.sf .sf-content .sf-link {
- margin: 1rem;
-}
+ flex-direction: column; }
+ /* line 9, src/styles/components/_fluid.scss */
+ .sf .sf-header .sf-header-title {
+ color: #e0e0e0; }
+ /* line 12, src/styles/components/_fluid.scss */
+ .sf .sf-header .sf-header-text {
+ color: #a0a0a0; }
+ /* line 16, src/styles/components/_fluid.scss */
+ .sf .sf-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-top: 3rem; }
+ /* line 21, src/styles/components/_fluid.scss */
+ .sf .sf-content .sf-link {
+ margin: 1rem; }
/* line 28, src/styles/components/_fluid.scss */
.fc-root {
background-color: #121212;
padding: 2rem 2rem 1rem 2rem;
- margin-bottom: 1rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 28, src/styles/components/_fluid.scss */
- .fc-root {
- padding: 1.5rem 1rem 1rem 1rem;
- margin-bottom: 0.5rem;
- }
-}
-/* line 36, src/styles/components/_fluid.scss */
-.fc-root .fc-content {
- min-height: 31.875rem;
-}
-@media only screen and (max-width: 768px) {
+ margin-bottom: 1rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 28, src/styles/components/_fluid.scss */
+ .fc-root {
+ padding: 1.5rem 1rem 1rem 1rem;
+ margin-bottom: 0.5rem; } }
/* line 36, src/styles/components/_fluid.scss */
.fc-root .fc-content {
- min-height: 23.875rem;
- }
-}
-/* line 41, src/styles/components/_fluid.scss */
-.fc-root .fc-content .fc-loader {
- min-height: 31.875rem;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-@media only screen and (max-width: 768px) {
- /* line 41, src/styles/components/_fluid.scss */
- .fc-root .fc-content .fc-loader {
- min-height: 23.875rem;
- }
-}
+ min-height: 31.875rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 36, src/styles/components/_fluid.scss */
+ .fc-root .fc-content {
+ min-height: 23.875rem; } }
+ /* line 41, src/styles/components/_fluid.scss */
+ .fc-root .fc-content .fc-loader {
+ min-height: 31.875rem;
+ display: flex;
+ justify-content: center;
+ align-items: center; }
+ @media only screen and (max-width: 768px) {
+ /* line 41, src/styles/components/_fluid.scss */
+ .fc-root .fc-content .fc-loader {
+ min-height: 23.875rem; } }
/* line 54, src/styles/components/_fluid.scss */
.fv-root {
- direction: 'rtl';
-}
-/* line 56, src/styles/components/_fluid.scss */
-.fv-root .fv-nav-period {
- display: flex;
- flex-direction: row;
-}
-/* line 59, src/styles/components/_fluid.scss */
-.fv-root .fv-nav-period .nav-button {
- flex: 1;
- font-size: large;
-}
-/* line 64, src/styles/components/_fluid.scss */
-.fv-root .fv-header {
- display: flex;
- flex-direction: column;
- align-items: center;
- min-height: 8.375rem;
- margin-bottom: 0.25rem;
-}
-/* line 71, src/styles/components/_fluid.scss */
-.fv-root .fv-footer {
- display: flex;
- justify-content: center;
-}
-/* line 74, src/styles/components/_fluid.scss */
-.fv-root .fv-footer .fv-footer-compare {
- width: 100%;
- max-width: 58.75rem;
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-/* line 80, src/styles/components/_fluid.scss */
-.fv-root .fv-footer .fv-footer-compare :hover {
- cursor: pointer;
-}
-/* line 83, src/styles/components/_fluid.scss */
-.fv-root .fv-footer .fv-footer-compare .fv-footer-label {
- flex: 1;
- display: flex;
- justify-content: flex-start;
- color: #a0a0a0;
-}
-/* line 88, src/styles/components/_fluid.scss */
-.fv-root .fv-footer .fv-footer-compare .fv-footer-label.selected {
- color: #ffffff;
-}
-/* line 94, src/styles/components/_fluid.scss */
-.fv-root .fv-footer .fv-footer-challenge {
- width: 100%;
- max-width: 58.75rem;
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-/* line 100, src/styles/components/_fluid.scss */
-.fv-root .fv-footer .fv-footer-challenge .fv-link {
- text-decoration: none;
- color: #a0a0a0;
-}
-/* line 104, src/styles/components/_fluid.scss */
-.fv-root .fv-footer .fv-footer-challenge .fv-footer-label-padding {
- flex: 1;
- display: flex;
- justify-content: flex-start;
- padding-left: 0.75rem;
- color: #a0a0a0;
-}
+ direction: 'rtl'; }
+ /* line 56, src/styles/components/_fluid.scss */
+ .fv-root .fv-nav-period {
+ display: flex;
+ flex-direction: row; }
+ /* line 59, src/styles/components/_fluid.scss */
+ .fv-root .fv-nav-period .nav-button {
+ flex: 1;
+ font-size: large; }
+ /* line 64, src/styles/components/_fluid.scss */
+ .fv-root .fv-header {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ min-height: 8.375rem;
+ margin-bottom: 0.25rem; }
+ /* line 71, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer {
+ display: flex;
+ justify-content: center; }
+ /* line 74, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer .fv-footer-compare {
+ width: 100%;
+ max-width: 58.75rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center; }
+ /* line 80, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer .fv-footer-compare :hover {
+ cursor: pointer; }
+ /* line 83, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer .fv-footer-compare .fv-footer-label {
+ flex: 1;
+ display: flex;
+ justify-content: flex-start;
+ color: #a0a0a0; }
+ /* line 88, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer .fv-footer-compare .fv-footer-label.selected {
+ color: #ffffff; }
+ /* line 94, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer .fv-footer-challenge {
+ width: 100%;
+ max-width: 58.75rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center; }
+ /* line 100, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer .fv-footer-challenge .fv-link {
+ text-decoration: none;
+ color: #a0a0a0; }
+ /* line 104, src/styles/components/_fluid.scss */
+ .fv-root .fv-footer .fv-footer-challenge .fv-footer-label-padding {
+ flex: 1;
+ display: flex;
+ justify-content: flex-start;
+ padding-left: 0.75rem;
+ color: #a0a0a0; }
/* line 114, src/styles/components/_fluid.scss */
.chart-indicator-none {
visibility: hidden;
- height: 0;
-}
+ height: 0; }
/* line 118, src/styles/components/_fluid.scss */
.chart-indicator-block {
visibility: visible;
- height: auto;
-}
+ height: auto; }
/* line 124, src/styles/components/_fluid.scss */
.fs-root {
flex: 1;
- height: 22rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 124, src/styles/components/_fluid.scss */
- .fs-root {
- height: 14rem;
- }
-}
-/* line 130, src/styles/components/_fluid.scss */
-.fs-root .chart-loading {
- width: 100%;
- justify-content: center;
- display: flex;
-}
-/* line 135, src/styles/components/_fluid.scss */
-.fs-root .fs-slide {
- min-height: 22rem;
- overflow-x: hidden;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-@media only screen and (max-width: 768px) {
+ height: 22rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 124, src/styles/components/_fluid.scss */
+ .fs-root {
+ height: 14rem; } }
+ /* line 130, src/styles/components/_fluid.scss */
+ .fs-root .chart-loading {
+ width: 100%;
+ justify-content: center;
+ display: flex; }
/* line 135, src/styles/components/_fluid.scss */
.fs-root .fs-slide {
- min-height: 14rem;
- }
-}
-/* line 144, src/styles/components/_fluid.scss */
-.fs-root .fs-slide .chart-none {
- visibility: hidden;
- width: 0;
-}
-/* line 148, src/styles/components/_fluid.scss */
-.fs-root .fs-slide .chart-block {
- visibility: visible;
-}
+ min-height: 22rem;
+ overflow-x: hidden;
+ display: flex;
+ justify-content: center;
+ align-items: center; }
+ @media only screen and (max-width: 768px) {
+ /* line 135, src/styles/components/_fluid.scss */
+ .fs-root .fs-slide {
+ min-height: 14rem; } }
+ /* line 144, src/styles/components/_fluid.scss */
+ .fs-root .fs-slide .chart-none {
+ visibility: hidden;
+ width: 0; }
+ /* line 148, src/styles/components/_fluid.scss */
+ .fs-root .fs-slide .chart-block {
+ visibility: visible; }
/* line 155, src/styles/components/_fluid.scss */
.cta-box {
@@ -1473,370 +1029,293 @@ p {
justify-content: center;
align-items: center;
flex-direction: column;
- height: 37.5rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 155, src/styles/components/_fluid.scss */
- .cta-box {
- height: 29rem;
- width: 100vw;
- }
-}
-@media only screen and (max-width: 1023px) {
- /* line 155, src/styles/components/_fluid.scss */
- .cta-box {
- width: 100vw;
- }
-}
-/* line 175, src/styles/components/_fluid.scss */
-.cta-box .cta-box-header {
- text-align: center;
- font-weight: bold;
- letter-spacing: 0.2px;
- margin-bottom: 1.5em;
- color: #e0e0e0;
- width: 50%;
-}
-@media only screen and (max-width: 768px) {
+ height: 37.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 155, src/styles/components/_fluid.scss */
+ .cta-box {
+ height: 29rem;
+ width: 100vw; } }
+ @media only screen and (max-width: 1023px) {
+ /* line 155, src/styles/components/_fluid.scss */
+ .cta-box {
+ width: 100vw; } }
/* line 175, src/styles/components/_fluid.scss */
.cta-box .cta-box-header {
- width: 80%;
- }
-}
-/* line 186, src/styles/components/_fluid.scss */
-.cta-box .cta-box-button {
- margin-left: auto;
- margin-right: auto;
- width: 50%;
-}
-@media only screen and (max-width: 768px) {
+ text-align: center;
+ font-weight: bold;
+ letter-spacing: 0.2px;
+ margin-bottom: 1.5em;
+ color: #e0e0e0;
+ width: 50%; }
+ @media only screen and (max-width: 768px) {
+ /* line 175, src/styles/components/_fluid.scss */
+ .cta-box .cta-box-header {
+ width: 80%; } }
/* line 186, src/styles/components/_fluid.scss */
.cta-box .cta-box-button {
- width: 80%;
- }
-}
+ margin-left: auto;
+ margin-right: auto;
+ width: 50%; }
+ @media only screen and (max-width: 768px) {
+ /* line 186, src/styles/components/_fluid.scss */
+ .cta-box .cta-box-button {
+ width: 80%; } }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_navigator.scss */
.cn {
display: flex;
- justify-content: center;
-}
-/* line 7, src/styles/components/_navigator.scss */
-.cn .cn-tabs {
- width: 50.625rem;
-}
-@media only screen and (max-width: 768px) {
+ justify-content: center; }
/* line 7, src/styles/components/_navigator.scss */
.cn .cn-tabs {
- width: 100%;
- margin: 0 1.25rem;
- }
-}
-/* line 13, src/styles/components/_navigator.scss */
-.cn .cn-tabs .cn-tab {
- outline: none !important;
-}
+ width: 50.625rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 7, src/styles/components/_navigator.scss */
+ .cn .cn-tabs {
+ width: 100%;
+ margin: 0 1.25rem; } }
+ /* line 13, src/styles/components/_navigator.scss */
+ .cn .cn-tabs .cn-tab {
+ outline: none !important; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_consumptionvisualizer.scss */
.cv {
display: flex;
flex-direction: column;
align-items: center;
- width: 27.5rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 4, src/styles/components/_consumptionvisualizer.scss */
- .cv {
- width: 100%;
- }
-}
-/* line 12, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-content-date {
- display: flex;
- flex-direction: row;
- justify-content: space-around;
- width: 100%;
-}
-/* line 18, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-content-date .cv-date-group {
- display: flex;
- flex-direction: column;
- width: 38vw;
- align-items: center;
- align-self: center;
-}
-/* line 24, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-content-date .cv-date-group .cv-date {
- color: #e0e0e0;
-}
-/* line 26, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-content-date .cv-date-group .cv-date::first-letter {
- text-transform: uppercase;
-}
-/* line 32, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-load {
- min-height: 5.25rem;
- display: flex;
- align-items: center;
-}
-/* line 36, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-load .cv-load-content {
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-/* line 40, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-load .cv-load-content .cv-load-section {
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 0.5rem 0.5rem;
-}
-/* line 45, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-load .cv-load-content .cv-load-section.cv-load-section-left {
- align-items: flex-end;
-}
-/* line 48, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-load .cv-load-content .cv-load-section.cv-load-section-right {
- align-items: flex-start;
-}
-/* line 51, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-load .cv-load-content .cv-load-section .cv-load-value {
- flex-direction: row;
-}
-/* line 53, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-load .cv-load-content .cv-load-section .cv-load-value span {
- align-self: flex-end;
- margin-left: 0.5em;
-}
-/* line 61, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-euro {
- display: flex;
- flex-direction: row;
-}
-/* line 64, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-euro .cv-euro-link {
- text-decoration: none;
- color: transparent;
-}
-/* line 68, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-euro .cv-euro-fluid {
- padding: 0 0.5rem;
- display: flex;
- align-items: center;
-}
-/* line 72, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-euro .cv-euro-fluid .cv-euro-fluid-icon {
- margin-right: 0.5rem;
-}
-/* line 75, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-euro .cv-euro-fluid div {
- padding-top: 0.2rem;
-}
-/* line 80, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-info {
- min-height: 1.5rem;
- display: flex;
- align-items: center;
-}
-/* line 85, src/styles/components/_consumptionvisualizer.scss */
-.cv .electricity {
- color: #d87b39;
-}
-/* line 88, src/styles/components/_consumptionvisualizer.scss */
-.cv .electricity-compare {
- color: #e2bca1;
-}
-/* line 91, src/styles/components/_consumptionvisualizer.scss */
-.cv .water {
- color: #3a98ec;
-}
-/* line 94, src/styles/components/_consumptionvisualizer.scss */
-.cv .water-compare {
- color: #abd4fa;
-}
-/* line 97, src/styles/components/_consumptionvisualizer.scss */
-.cv .gas {
- color: #45d1b8;
-}
-/* line 100, src/styles/components/_consumptionvisualizer.scss */
-.cv .gas-compare {
- color: #a8f7e9;
-}
-/* line 103, src/styles/components/_consumptionvisualizer.scss */
-.cv .multifluid {
- color: #ffffff;
-}
-/* line 106, src/styles/components/_consumptionvisualizer.scss */
-.cv .multifluid-compare {
- color: #ffd597;
-}
-/* line 109, src/styles/components/_consumptionvisualizer.scss */
-.cv .error {
- color: #d24444;
-}
-/* line 112, src/styles/components/_consumptionvisualizer.scss */
-.cv .error-line {
- color: #d24444;
- cursor: pointer;
- display: flex;
- align-items: center;
-}
-/* line 118, src/styles/components/_consumptionvisualizer.scss */
-.cv .underlined-error {
- border-bottom: solid 1px #d24444;
-}
-/* line 121, src/styles/components/_consumptionvisualizer.scss */
-.cv .warning-icon {
- margin-right: 4px;
-}
-/* line 124, src/styles/components/_consumptionvisualizer.scss */
-.cv .multifluid-compare {
- color: #ffd597;
-}
-/* line 127, src/styles/components/_consumptionvisualizer.scss */
-.cv .cv-button {
- border: none;
- background: none;
- color: #a0a0a0;
- text-decoration: underline;
-}
+ width: 27.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 4, src/styles/components/_consumptionvisualizer.scss */
+ .cv {
+ width: 100%; } }
+ /* line 12, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-content-date {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ width: 100%; }
+ /* line 17, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-content-date .cv-date-group {
+ display: flex;
+ flex-direction: column;
+ width: 38vw;
+ align-items: center;
+ align-self: center; }
+ /* line 23, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-content-date .cv-date-group .cv-date {
+ color: #e0e0e0; }
+ /* line 25, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-content-date .cv-date-group .cv-date::first-letter {
+ text-transform: uppercase; }
+ /* line 31, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-load {
+ min-height: 5.25rem;
+ display: flex;
+ align-items: center; }
+ /* line 35, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-load .cv-load-content {
+ display: flex;
+ flex-direction: row;
+ align-items: center; }
+ /* line 39, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-load .cv-load-content .cv-load-section {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 0.5rem 0.5rem; }
+ /* line 44, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-load .cv-load-content .cv-load-section.cv-load-section-left {
+ align-items: flex-end; }
+ /* line 47, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-load .cv-load-content .cv-load-section.cv-load-section-right {
+ align-items: flex-start; }
+ /* line 50, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-load .cv-load-content .cv-load-section .cv-load-value {
+ flex-direction: row; }
+ /* line 52, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-load .cv-load-content .cv-load-section .cv-load-value span {
+ align-self: flex-end;
+ margin-left: 0.5em; }
+ /* line 60, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-euro {
+ display: flex;
+ flex-direction: row; }
+ /* line 63, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-euro .cv-euro-link {
+ text-decoration: none;
+ color: transparent; }
+ /* line 67, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-euro .cv-euro-fluid {
+ padding: 0 0.5rem;
+ display: flex;
+ align-items: center; }
+ /* line 71, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-euro .cv-euro-fluid .cv-euro-fluid-icon {
+ margin-right: 0.5rem; }
+ /* line 74, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-euro .cv-euro-fluid div {
+ padding-top: 0.2rem; }
+ /* line 79, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-info {
+ min-height: 1.5rem;
+ display: flex;
+ align-items: center; }
+ /* line 84, src/styles/components/_consumptionvisualizer.scss */
+ .cv .electricity {
+ color: #d87b39; }
+ /* line 87, src/styles/components/_consumptionvisualizer.scss */
+ .cv .electricity-compare {
+ color: #e2bca1; }
+ /* line 90, src/styles/components/_consumptionvisualizer.scss */
+ .cv .water {
+ color: #3a98ec; }
+ /* line 93, src/styles/components/_consumptionvisualizer.scss */
+ .cv .water-compare {
+ color: #abd4fa; }
+ /* line 96, src/styles/components/_consumptionvisualizer.scss */
+ .cv .gas {
+ color: #45d1b8; }
+ /* line 99, src/styles/components/_consumptionvisualizer.scss */
+ .cv .gas-compare {
+ color: #a8f7e9; }
+ /* line 102, src/styles/components/_consumptionvisualizer.scss */
+ .cv .multifluid {
+ color: #ffffff; }
+ /* line 105, src/styles/components/_consumptionvisualizer.scss */
+ .cv .multifluid-compare {
+ color: #ffd597; }
+ /* line 108, src/styles/components/_consumptionvisualizer.scss */
+ .cv .error {
+ color: #d25959; }
+ /* line 111, src/styles/components/_consumptionvisualizer.scss */
+ .cv .error-line {
+ color: #d25959;
+ cursor: pointer;
+ display: flex;
+ align-items: center; }
+ /* line 117, src/styles/components/_consumptionvisualizer.scss */
+ .cv .underlined-error {
+ border-bottom: solid 1px #d25959; }
+ /* line 120, src/styles/components/_consumptionvisualizer.scss */
+ .cv .warning-icon {
+ margin-right: 4px; }
+ /* line 123, src/styles/components/_consumptionvisualizer.scss */
+ .cv .cv-button {
+ border: none;
+ background: none;
+ color: #a0a0a0;
+ text-decoration: underline; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_barchart.scss */
.axis {
- color: #7b7b7b;
-}
-/* line 6, src/styles/components/_barchart.scss */
-.axis .tick-text {
- fill: #7b7b7b;
-}
-/* line 8, src/styles/components/_barchart.scss */
-.axis .tick-text.tick-text-selected {
- fill: #e0e0e0;
-}
+ color: #7b7b7b; }
+ /* line 6, src/styles/components/_barchart.scss */
+ .axis .tick-text {
+ fill: #7b7b7b; }
+ /* line 8, src/styles/components/_barchart.scss */
+ .axis .tick-text.tick-text-selected {
+ fill: #e0e0e0; }
/* line 13, src/styles/components/_barchart.scss */
.background-true {
- opacity: 0.1;
-}
+ opacity: 0.1; }
/* line 16, src/styles/components/_barchart.scss */
.background-false {
- opacity: 0;
-}
+ opacity: 0; }
/* line 19, src/styles/components/_barchart.scss */
.bar-ELECTRICITY {
- fill: #5d3d2a;
-}
-/* line 21, src/styles/components/_barchart.scss */
-.bar-ELECTRICITY.selected {
- fill: #d87b39;
- filter: drop-shadow(0 -0.1rem 0.2rem #d87b39);
-}
+ fill: #5d3d2a; }
+ /* line 21, src/styles/components/_barchart.scss */
+ .bar-ELECTRICITY.selected {
+ fill: #d87b39;
+ filter: drop-shadow(0 -0.1rem 0.2rem #d87b39); }
/* line 27, src/styles/components/_barchart.scss */
.bar-compare-ELECTRICITY {
- fill: #795c47;
-}
-/* line 29, src/styles/components/_barchart.scss */
-.bar-compare-ELECTRICITY.selected {
- fill: #e2bca1;
- filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1);
-}
+ fill: #795c47; }
+ /* line 29, src/styles/components/_barchart.scss */
+ .bar-compare-ELECTRICITY.selected {
+ fill: #e2bca1;
+ filter: drop-shadow(0 -0.1rem 0.2rem #e2bca1); }
/* line 35, src/styles/components/_barchart.scss */
.bar-WATER {
- fill: #20415e;
-}
-/* line 37, src/styles/components/_barchart.scss */
-.bar-WATER.selected {
- fill: #3a98ec;
- filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec);
-}
+ fill: #20415e; }
+ /* line 37, src/styles/components/_barchart.scss */
+ .bar-WATER.selected {
+ fill: #3a98ec;
+ filter: drop-shadow(0 -0.1rem 0.2rem #3a98ec); }
/* line 43, src/styles/components/_barchart.scss */
.bar-compare-WATER {
- fill: #4d5c6e;
-}
-/* line 45, src/styles/components/_barchart.scss */
-.bar-compare-WATER.selected {
- fill: #abd4fa;
- filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa);
-}
+ fill: #4d5c6e; }
+ /* line 45, src/styles/components/_barchart.scss */
+ .bar-compare-WATER.selected {
+ fill: #abd4fa;
+ filter: drop-shadow(0 -0.1rem 0.2rem #abd4fa); }
/* line 51, src/styles/components/_barchart.scss */
.bar-GAS {
- fill: #184940;
-}
-/* line 53, src/styles/components/_barchart.scss */
-.bar-GAS.selected {
- fill: #45d1b8;
- filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8);
-}
+ fill: #184940; }
+ /* line 53, src/styles/components/_barchart.scss */
+ .bar-GAS.selected {
+ fill: #45d1b8;
+ filter: drop-shadow(0 -0.1rem 0.2rem #45d1b8); }
/* line 59, src/styles/components/_barchart.scss */
.bar-compare-GAS {
- fill: #597773;
-}
-/* line 61, src/styles/components/_barchart.scss */
-.bar-compare-GAS.selected {
- fill: #a8f7e9;
- filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9);
-}
+ fill: #597773; }
+ /* line 61, src/styles/components/_barchart.scss */
+ .bar-compare-GAS.selected {
+ fill: #a8f7e9;
+ filter: drop-shadow(0 -0.1rem 0.2rem #a8f7e9); }
/* line 67, src/styles/components/_barchart.scss */
.bar-MULTIFLUID {
- fill: #705d1d;
-}
-/* line 69, src/styles/components/_barchart.scss */
-.bar-MULTIFLUID.selected {
- fill: #e3b82a;
- filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);
-}
+ fill: #705d1d; }
+ /* line 69, src/styles/components/_barchart.scss */
+ .bar-MULTIFLUID.selected {
+ fill: #e3b82a;
+ filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }
/* line 75, src/styles/components/_barchart.scss */
.bar-compare-MULTIFLUID {
- fill: #7d6a4e;
-}
-/* line 77, src/styles/components/_barchart.scss */
-.bar-compare-MULTIFLUID.selected {
- fill: #ffd597;
- filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a);
-}
+ fill: #7d6a4e; }
+ /* line 77, src/styles/components/_barchart.scss */
+ .bar-compare-MULTIFLUID.selected {
+ fill: #ffd597;
+ filter: drop-shadow(0 -0.1rem 0.2rem #e3b82a); }
/** Animation **/
/* line 84, src/styles/components/_barchart.scss */
@@ -1845,29 +1324,21 @@ p {
animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
animation-iteration-count: 1;
transform-origin: bottom center;
- transform-box: fill-box;
-}
+ transform-box: fill-box; }
@keyframes bounce-1 {
0% {
- transform: scale(0.1, 0.1);
- }
+ transform: scale(0.1, 0.1); }
28% {
- transform: scale(0.1, 1.1);
- }
+ transform: scale(0.1, 1.1); }
45% {
- transform: scale(0.8, 0.95);
- }
+ transform: scale(0.8, 0.95); }
55% {
- transform: scale(1, 1);
- }
+ transform: scale(1, 1); }
65% {
- transform: scale(1, 0.98);
- }
+ transform: scale(1, 0.98); }
75% {
- transform: scale(1, 1);
- }
-}
+ transform: scale(1, 1); } }
/* line 112, src/styles/components/_barchart.scss */
.bounce-2 {
@@ -1875,229 +1346,179 @@ p {
animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
animation-iteration-count: 1;
transform-origin: bottom center;
- transform-box: fill-box;
-}
+ transform-box: fill-box; }
@keyframes bounce-2 {
0% {
- transform: scale(1, 1);
- }
+ transform: scale(1, 1); }
28% {
- transform: scale(1, 1.1);
- }
+ transform: scale(1, 1.1); }
45% {
- transform: scale(0.8, 0.95);
- }
+ transform: scale(0.8, 0.95); }
55% {
- transform: scale(1, 1);
- }
+ transform: scale(1, 1); }
65% {
- transform: scale(1, 0.98);
- }
+ transform: scale(1, 0.98); }
75% {
- transform: scale(1, 1);
- }
-}
+ transform: scale(1, 1); } }
/* line 140, src/styles/components/_barchart.scss */
.bounce-3 {
animation-name: bounce-3;
animation-timing-function: cubic-bezier(1, 1, 0.42, 1);
animation-iteration-count: 1;
- transform-origin: bottom center;
-}
+ transform-origin: bottom center; }
@keyframes bounce-3 {
0% {
opacity: 0.6;
- transform: scaleY(1);
- }
+ transform: scaleY(1); }
50% {
transform: scaleY(1.1);
- opacity: 0.8;
- }
+ opacity: 0.8; }
100% {
transform: scaleY(1);
- opacity: 1;
- }
-}
+ opacity: 1; } }
/** Animatio ndelay **/
/* line 162, src/styles/components/_barchart.scss */
.delay {
- animation-duration: 0.4s;
-}
+ animation-duration: 0.4s; }
/* line 165, src/styles/components/_barchart.scss */
.delay--0 {
- animation-duration: 0.6s;
-}
+ animation-duration: 0.6s; }
/* line 168, src/styles/components/_barchart.scss */
.delay--1 {
- animation-duration: 0.7s;
-}
+ animation-duration: 0.7s; }
/* line 171, src/styles/components/_barchart.scss */
.delay--2 {
- animation-duration: 0.8s;
-}
+ animation-duration: 0.8s; }
/* line 174, src/styles/components/_barchart.scss */
.delay--3 {
- animation-duration: 0.9s;
-}
+ animation-duration: 0.9s; }
/* line 177, src/styles/components/_barchart.scss */
.delay--4 {
- animation-duration: 1s;
-}
+ animation-duration: 1s; }
/* line 180, src/styles/components/_barchart.scss */
.delay--5 {
- animation-duration: 1.1s;
-}
+ animation-duration: 1.1s; }
/* line 183, src/styles/components/_barchart.scss */
.delay--6 {
- animation-duration: 1.2s;
-}
+ animation-duration: 1.2s; }
/* line 186, src/styles/components/_barchart.scss */
.delay--7 {
- animation-duration: 1.3s;
-}
+ animation-duration: 1.3s; }
/* line 189, src/styles/components/_barchart.scss */
.delay--8 {
- animation-duration: 1.4s;
-}
+ animation-duration: 1.4s; }
/* line 192, src/styles/components/_barchart.scss */
.delay--9 {
- animation-duration: 1.5s;
-}
+ animation-duration: 1.5s; }
/* line 195, src/styles/components/_barchart.scss */
.delay--10 {
- animation-duration: 1.6s;
-}
+ animation-duration: 1.6s; }
/* line 198, src/styles/components/_barchart.scss */
.delay--11 {
- animation-duration: 1.8s;
-}
+ animation-duration: 1.8s; }
/* line 201, src/styles/components/_barchart.scss */
.delay--12 {
- animation-duration: 1.9s;
-}
+ animation-duration: 1.9s; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_nav.scss */
.o-sidebar {
background-color: #25262b;
- box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12),
- 0px 8px 10px rgba(0, 0, 0, 0.14);
+ box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.14);
border-top: unset;
border-right: unset;
- z-index: 19;
-}
-@media only screen and (max-width: 1023px) {
- /* line 4, src/styles/components/_nav.scss */
- .o-sidebar {
- background-color: #25262b;
- }
-}
-/* line 20, src/styles/components/_nav.scss */
-.o-sidebar .logo-grand-lyon {
- position: absolute;
- bottom: 20px;
- left: 100px;
-}
-@media only screen and (max-width: 1023px) {
- /* line 20, src/styles/components/_nav.scss */
+ z-index: 19; }
+ /* line 11, src/styles/components/_nav.scss */
.o-sidebar .logo-grand-lyon {
- display: none;
- }
-}
+ position: absolute;
+ bottom: 20px;
+ left: 100px; }
+ @media only screen and (max-width: 1023px) {
+ /* line 11, src/styles/components/_nav.scss */
+ .o-sidebar .logo-grand-lyon {
+ display: none; } }
-/* line 29, src/styles/components/_nav.scss */
+/* line 20, src/styles/components/_nav.scss */
.c-nav-link {
padding: 0 1rem;
-}
-/* line 31, src/styles/components/_nav.scss */
-.c-nav-link .on {
- display: none;
-}
-/* line 34, src/styles/components/_nav.scss */
-.c-nav-link .off {
- display: block;
-}
+ font-size: 0.9rem; }
+ /* line 23, src/styles/components/_nav.scss */
+ .c-nav-link .on {
+ display: none; }
+ /* line 26, src/styles/components/_nav.scss */
+ .c-nav-link .off {
+ display: block; }
+
+@media only screen and (max-width: 1023px) {
+ /* line 32, src/styles/components/_nav.scss */
+ .c-nav-item {
+ height: 54px;
+ margin: -0.3rem 0 0 0; } }
-/* line 44, src/styles/components/_nav.scss */
+/* line 38, src/styles/components/_nav.scss */
.c-nav-link .c-nav-icon {
padding-right: 0.5rem;
- width: 50px;
+ width: 60px;
height: 36px;
- fill: none;
-}
-
-/* line 51, src/styles/components/_nav.scss */
-.c-nav-link.is-active {
- box-shadow: inset 0.25rem 0 0 0 #b2901b;
-}
+ fill: none; }
-/* line 55, src/styles/components/_nav.scss */
+/* line 45, src/styles/components/_nav.scss */
.c-nav-link.is-active .c-nav-icon {
- fill: #b2901b !important;
-}
+ fill: #b2901b !important; }
-/* line 59, src/styles/components/_nav.scss */
+/* line 49, src/styles/components/_nav.scss */
.c-nav-link.is-active {
- color: white;
- text-decoration: none;
-}
-/* line 62, src/styles/components/_nav.scss */
-.c-nav-link.is-active .on {
- display: block;
-}
-/* line 65, src/styles/components/_nav.scss */
-.c-nav-link.is-active .off {
- display: none;
-}
+ color: #ffffff;
+ text-decoration: none; }
+ /* line 52, src/styles/components/_nav.scss */
+ .c-nav-link.is-active .on {
+ display: block; }
+ /* line 55, src/styles/components/_nav.scss */
+ .c-nav-link.is-active .off {
+ display: none; }
@media only screen and (max-width: 1023px) {
- /* line 71, src/styles/components/_nav.scss */
+ /* line 61, src/styles/components/_nav.scss */
.o-sidebar {
- height: 56px;
- }
- /* line 74, src/styles/components/_nav.scss */
+ height: 56px; }
+ /* line 64, src/styles/components/_nav.scss */
.c-nav-link {
- padding: 0;
- }
- /* line 78, src/styles/components/_nav.scss */
+ padding: 0; }
+ /* line 68, src/styles/components/_nav.scss */
.c-nav-link .c-nav-icon {
padding: 0;
- margin: auto;
- }
- /* line 83, src/styles/components/_nav.scss */
+ margin: auto; }
+ /* line 73, src/styles/components/_nav.scss */
.c-nav-link.is-active {
- box-shadow: unset;
- }
-}
+ box-shadow: unset; } }
-/* line 88, src/styles/components/_nav.scss */
+/* line 78, src/styles/components/_nav.scss */
.nb-challenge-notif {
position: absolute;
display: flex;
@@ -2111,280 +1532,205 @@ p {
border-radius: 50%;
border: 1px solid #25262b;
z-index: 1;
- background: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(1, 153, 163, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #58ffff;
- font-size: 12px;
-}
-@media only screen and (max-width: 1023px) {
- /* line 88, src/styles/components/_nav.scss */
- .nb-challenge-notif {
- left: 25px;
- bottom: unset;
- }
-}
+ background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;
+ font-size: 12px; }
+ @media only screen and (max-width: 1023px) {
+ /* line 78, src/styles/components/_nav.scss */
+ .nb-challenge-notif {
+ left: 25px;
+ bottom: unset; } }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 5, src/styles/components/_indicators.scss */
.fi-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- padding: 0.5rem 1.5rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 5, src/styles/components/_indicators.scss */
- .fi-root {
- margin-bottom: 0;
- }
-}
-/* line 15, src/styles/components/_indicators.scss */
-.fi-root .fi-content {
- min-height: 23.875rem;
- width: 45.75rem;
-}
-@media only screen and (max-width: 768px) {
+ padding: 0.5rem 1.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 5, src/styles/components/_indicators.scss */
+ .fi-root {
+ margin-bottom: 0; } }
/* line 15, src/styles/components/_indicators.scss */
.fi-root .fi-content {
- width: 100%;
- }
-}
-/* line 21, src/styles/components/_indicators.scss */
-.fi-root .fi-content .fi-header {
- margin-top: 2.5rem;
- margin-bottom: 1.25rem;
- color: #e0e0e0;
-}
-/* line 28, src/styles/components/_indicators.scss */
-.fi-root .sfi-content {
- min-height: 16rem;
- width: 45.75rem;
-}
-@media only screen and (max-width: 768px) {
+ min-height: 23.875rem;
+ width: 45.75rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 15, src/styles/components/_indicators.scss */
+ .fi-root .fi-content {
+ width: 100%; } }
+ /* line 21, src/styles/components/_indicators.scss */
+ .fi-root .fi-content .fi-header {
+ margin-top: 2.5rem;
+ margin-bottom: 1.25rem;
+ color: #e0e0e0; }
/* line 28, src/styles/components/_indicators.scss */
.fi-root .sfi-content {
- width: 100%;
- }
-}
-/* line 34, src/styles/components/_indicators.scss */
-.fi-root .sfi-content .sfi-header {
- margin-top: 2.5rem;
- margin-bottom: 1.25rem;
- color: #e0e0e0;
-}
-/* line 39, src/styles/components/_indicators.scss */
-.fi-root .sfi-content .sfi-redirect {
- margin-bottom: 1.25rem;
- display: flex;
- flex-wrap: wrap;
-}
-/* line 43, src/styles/components/_indicators.scss */
-.fi-root .sfi-content .sfi-redirect .redirect-card-link:nth-child(2) {
- margin-left: 0.625rem;
-}
-/* line 46, src/styles/components/_indicators.scss */
-.fi-root .sfi-content .sfi-redirect .redirect-card-link {
- flex: 1;
-}
+ min-height: 16rem;
+ width: 45.75rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 28, src/styles/components/_indicators.scss */
+ .fi-root .sfi-content {
+ width: 100%; } }
+ /* line 34, src/styles/components/_indicators.scss */
+ .fi-root .sfi-content .sfi-header {
+ margin-top: 2.5rem;
+ margin-bottom: 1.25rem;
+ color: #e0e0e0; }
+ /* line 39, src/styles/components/_indicators.scss */
+ .fi-root .sfi-content .sfi-redirect {
+ margin-bottom: 1.25rem;
+ display: flex;
+ flex-wrap: wrap; }
+ /* line 43, src/styles/components/_indicators.scss */
+ .fi-root .sfi-content .sfi-redirect .redirect-card-link:nth-child(2) {
+ margin-left: 0.625rem; }
+ /* line 46, src/styles/components/_indicators.scss */
+ .fi-root .sfi-content .sfi-redirect .redirect-card-link {
+ flex: 1; }
/* line 54, src/styles/components/_indicators.scss */
.fpi-link {
- color: transparent;
-}
+ color: transparent; }
/* line 57, src/styles/components/_indicators.scss */
.fpi {
display: flex;
flex-direction: row;
margin: 0.25rem 0.25rem;
- width: 100%;
-}
-/* line 62, src/styles/components/_indicators.scss */
-.fpi .fpi-left {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-/* line 66, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-title {
- align-content: flex-start;
- margin-bottom: 0.5rem;
-}
-/* line 70, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-content {
- display: flex;
- flex-direction: row;
-}
-/* line 73, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-content .fpi-content-icon {
- margin: 0.5rem 0;
-}
-/* line 76, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-content .fpi-content-perf {
- margin: 0 1rem;
- align-self: center;
-}
-/* line 79, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result {
- color: #e0e0e0;
-}
-/* line 81, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result span {
- display: inline-block;
- padding-right: 0.25rem;
-}
-/* line 86, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator {
- color: #a0a0a0;
-}
-/* line 89, src/styles/components/_indicators.scss */
-.fpi
- .fpi-left
- .fpi-content
- .fpi-content-perf
- .fpi-content-perf-indicator
- .fpi-content-perf-indicator-kpi.positive {
- color: #ffffff;
-}
-/* line 92, src/styles/components/_indicators.scss */
-.fpi
- .fpi-left
- .fpi-content
- .fpi-content-perf
- .fpi-content-perf-indicator
- .fpi-content-perf-indicator-kpi.positive {
- color: #cf6666;
-}
-/* line 95, src/styles/components/_indicators.scss */
-.fpi
- .fpi-left
- .fpi-content
- .fpi-content-perf
- .fpi-content-perf-indicator
- .fpi-content-perf-indicator-kpi.negative {
- color: #7fd771;
-}
-/* line 102, src/styles/components/_indicators.scss */
-.fpi .fpi-left .fpi-footer {
- margin-top: 0.5rem;
- color: #a0a0a0;
-}
-/* line 107, src/styles/components/_indicators.scss */
-.fpi .fpi-right {
- align-self: center;
-}
+ width: 100%; }
+ /* line 62, src/styles/components/_indicators.scss */
+ .fpi .fpi-left {
+ flex: 1;
+ display: flex;
+ flex-direction: column; }
+ /* line 66, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-title {
+ align-content: flex-start;
+ margin-bottom: 0.5rem; }
+ /* line 70, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content {
+ display: flex;
+ flex-direction: row; }
+ /* line 73, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content .fpi-content-icon {
+ margin: 0.5rem 0; }
+ /* line 76, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content .fpi-content-perf {
+ margin: 0 1rem;
+ align-self: center; }
+ /* line 79, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result {
+ color: #e0e0e0; }
+ /* line 81, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-result span {
+ display: inline-block;
+ padding-right: 0.25rem; }
+ /* line 86, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator {
+ color: #a0a0a0; }
+ /* line 89, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.positive {
+ color: #d25959; }
+ /* line 92, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-content .fpi-content-perf .fpi-content-perf-indicator .fpi-content-perf-indicator-kpi.negative {
+ color: #7fd771; }
+ /* line 99, src/styles/components/_indicators.scss */
+ .fpi .fpi-left .fpi-footer {
+ margin-top: 0.5rem;
+ color: #a0a0a0; }
+ /* line 104, src/styles/components/_indicators.scss */
+ .fpi .fpi-right {
+ align-self: center; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 5, src/styles/components/_challenges.scss */
.ccc-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- padding: 1rem 1.5rem;
-}
-/* line 11, src/styles/components/_challenges.scss */
-.ccc-root .ccc-content {
- min-height: 9rem;
- width: 45.75rem;
-}
-@media only screen and (max-width: 768px) {
+ padding: 1rem 1.5rem; }
/* line 11, src/styles/components/_challenges.scss */
.ccc-root .ccc-content {
- width: 100%;
- }
-}
-/* line 17, src/styles/components/_challenges.scss */
-.ccc-root .ccc-content .ccc-header {
- margin-top: 0.375rem;
- margin-bottom: 1.25rem;
- color: #e0e0e0;
-}
+ min-height: 9rem;
+ width: 45.75rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 11, src/styles/components/_challenges.scss */
+ .ccc-root .ccc-content {
+ width: 100%; } }
+ /* line 17, src/styles/components/_challenges.scss */
+ .ccc-root .ccc-content .ccc-header {
+ margin-top: 0.375rem;
+ margin-bottom: 1.25rem;
+ color: #e0e0e0; }
/* line 24, src/styles/components/_challenges.scss */
.loc-root {
display: flex;
- justify-content: center;
-}
-/* line 27, src/styles/components/_challenges.scss */
-.loc-root .loc-content {
- width: 100%;
- max-width: 53rem;
- display: grid;
-}
-@media only screen and (max-width: 768px) {
+ justify-content: center; }
/* line 27, src/styles/components/_challenges.scss */
.loc-root .loc-content {
- display: block;
- }
-}
-/* line 34, src/styles/components/_challenges.scss */
-.loc-root .loc-content .timeline-line {
- background-color: #e0e0e0;
- width: 1px;
- height: calc(100vh);
- grid-column: 1;
- grid-row: 1;
- position: unset;
- margin-left: 3.8rem;
-}
-@media only screen and (max-width: 1023px) {
- /* line 34, src/styles/components/_challenges.scss */
- .loc-root .loc-content .timeline-line {
- height: calc(100vh - 229px);
- }
-}
-@media only screen and (max-width: 768px) {
- /* line 34, src/styles/components/_challenges.scss */
- .loc-root .loc-content .timeline-line {
- height: 100vh;
- display: block;
- position: fixed;
- }
-}
-/* line 51, src/styles/components/_challenges.scss */
-.loc-root .loc-content .list-of-challenge-cards {
- padding-top: 1rem;
- width: 100%;
- grid-column: 1;
- grid-row: 1;
-}
-@media only screen and (max-width: 768px) {
- /* line 51, src/styles/components/_challenges.scss */
- .loc-root .loc-content .list-of-challenge-cards {
- display: block;
- }
-}
+ width: 100%;
+ max-width: 53rem;
+ display: grid; }
+ @media only screen and (max-width: 768px) {
+ /* line 27, src/styles/components/_challenges.scss */
+ .loc-root .loc-content {
+ display: block; } }
+ /* line 34, src/styles/components/_challenges.scss */
+ .loc-root .loc-content .timeline-line {
+ background-color: #e0e0e0;
+ width: 1px;
+ height: calc(100vh);
+ grid-column: 1;
+ grid-row: 1;
+ position: unset;
+ margin-left: 3.8rem; }
+ @media only screen and (max-width: 1023px) {
+ /* line 34, src/styles/components/_challenges.scss */
+ .loc-root .loc-content .timeline-line {
+ height: calc(100vh - 229px); } }
+ @media only screen and (max-width: 768px) {
+ /* line 34, src/styles/components/_challenges.scss */
+ .loc-root .loc-content .timeline-line {
+ height: 100vh;
+ display: block;
+ position: fixed; } }
+ /* line 51, src/styles/components/_challenges.scss */
+ .loc-root .loc-content .list-of-challenge-cards {
+ padding-top: 1rem;
+ width: 100%;
+ grid-column: 1;
+ grid-row: 1; }
+ @media only screen and (max-width: 768px) {
+ /* line 51, src/styles/components/_challenges.scss */
+ .loc-root .loc-content .list-of-challenge-cards {
+ display: block; } }
/* line 65, src/styles/components/_challenges.scss */
.cli-link {
color: black;
- text-decoration: none;
-}
+ text-decoration: none; }
/* line 69, src/styles/components/_challenges.scss */
.cli {
@@ -2392,100 +1738,80 @@ p {
display: flex;
flex-direction: row;
margin: 2rem 0.5rem;
- border-radius: 2px;
-}
-@media only screen and (max-width: 768px) {
- /* line 69, src/styles/components/_challenges.scss */
- .cli {
- margin: 1rem 0.5rem;
- }
-}
-/* line 78, src/styles/components/_challenges.scss */
-.cli.cli-available {
- background: linear-gradient(180deg, #61f0f2 0%, #48c2c4 100%);
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
-}
-/* line 83, src/styles/components/_challenges.scss */
-.cli.cli-ongoing {
- border: 1px solid #58ffff;
- background: #121212;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
-}
-/* line 89, src/styles/components/_challenges.scss */
-.cli .cli-left {
- flex: 1;
- display: flex;
- flex-direction: column;
- padding-left: 1.415rem;
-}
-/* line 94, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content {
- display: flex;
- flex-direction: row;
-}
-/* line 97, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .cli-content-icon {
- margin: 0.5rem 0;
- z-index: 5;
- width: 62px;
- height: 62px;
-}
-/* line 103, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .cli-content-title {
- color: #ffffff;
- margin: 0 1rem;
- align-self: center;
-}
-/* line 108, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .subtitle-finished {
- color: #a0a0a0;
-}
-/* line 111, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .title-finished {
- color: #e0e0e0;
-}
-/* line 114, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .subtitle-ongoing {
- color: #58ffff;
-}
-/* line 117, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .title-ongoing {
- color: #ffffff;
-}
-/* line 120, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .subtitle-available {
- color: #121212;
-}
-/* line 123, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .title-available {
- color: #121212;
-}
-/* line 126, src/styles/components/_challenges.scss */
-.cli .cli-left .cli-content .title-locked {
- color: #a0a0a0;
- opacity: 0.35;
-}
-/* line 132, src/styles/components/_challenges.scss */
-.cli .cli-right {
- align-self: center;
- padding-right: 1.2rem;
-}
-/* line 135, src/styles/components/_challenges.scss */
-.cli .cli-right.cli-right-ongoing {
- padding-right: calc(1.2rem + 2px);
-}
-/* line 138, src/styles/components/_challenges.scss */
-.cli .cli-right.cli-right-available {
- padding-right: calc(1.2rem + 2px);
-}
+ border-radius: 2px; }
+ @media only screen and (max-width: 768px) {
+ /* line 69, src/styles/components/_challenges.scss */
+ .cli {
+ margin: 1rem 0.5rem; } }
+ /* line 78, src/styles/components/_challenges.scss */
+ .cli.cli-available {
+ background: linear-gradient(180deg, #61f0f2 0%, #48c2c4 100%);
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0); }
+ /* line 83, src/styles/components/_challenges.scss */
+ .cli.cli-ongoing {
+ border: 1px solid #58ffff;
+ background: #121212;
+ -webkit-transform: translateZ(0);
+ transform: translateZ(0); }
+ /* line 89, src/styles/components/_challenges.scss */
+ .cli .cli-left {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ padding-left: 1.415rem; }
+ /* line 94, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content {
+ display: flex;
+ flex-direction: row; }
+ /* line 97, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .cli-content-icon {
+ margin: 0.5rem 0;
+ z-index: 5;
+ width: 62px;
+ height: 62px; }
+ /* line 103, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .cli-content-title {
+ color: #ffffff;
+ margin: 0 1rem;
+ align-self: center; }
+ /* line 108, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .subtitle-finished {
+ color: #a0a0a0; }
+ /* line 111, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .title-finished {
+ color: #e0e0e0; }
+ /* line 114, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .subtitle-ongoing {
+ color: #58ffff; }
+ /* line 117, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .title-ongoing {
+ color: #ffffff; }
+ /* line 120, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .subtitle-available {
+ color: #121212; }
+ /* line 123, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .title-available {
+ color: #121212; }
+ /* line 126, src/styles/components/_challenges.scss */
+ .cli .cli-left .cli-content .title-locked {
+ color: #a0a0a0;
+ opacity: 0.35; }
+ /* line 132, src/styles/components/_challenges.scss */
+ .cli .cli-right {
+ align-self: center;
+ padding-right: 1.2rem; }
+ /* line 135, src/styles/components/_challenges.scss */
+ .cli .cli-right.cli-right-ongoing {
+ padding-right: calc(1.2rem + 2px); }
+ /* line 138, src/styles/components/_challenges.scss */
+ .cli .cli-right.cli-right-available {
+ padding-right: calc(1.2rem + 2px); }
/* line 145, src/styles/components/_challenges.scss */
.cc-link {
color: black;
- text-decoration: none;
-}
+ text-decoration: none; }
/* line 149, src/styles/components/_challenges.scss */
.cc {
@@ -2493,61 +1819,47 @@ p {
display: flex;
flex-direction: row;
margin: 0.25rem 0.25rem;
- width: 100%;
-}
-/* line 155, src/styles/components/_challenges.scss */
-.cc .cc-content-left {
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: center;
- width: inherit;
-}
-/* line 161, src/styles/components/_challenges.scss */
-.cc .cc-content-left .cc-content-title {
- color: #ffffff;
-}
-/* line 163, src/styles/components/_challenges.scss */
-.cc .cc-content-left .cc-content-title.cc-content-title-padding {
- padding-top: 1rem;
-}
-/* line 167, src/styles/components/_challenges.scss */
-.cc .cc-content-left .cc-content-progress {
- margin-top: 1rem;
-}
-/* line 170, src/styles/components/_challenges.scss */
-.cc .cc-content-left .cc-content-timeline {
- padding: 0 0.5rem;
-}
-/* line 173, src/styles/components/_challenges.scss */
-.cc .cc-content-left .cc-content-visu {
- padding: 1rem 0;
-}
-/* line 177, src/styles/components/_challenges.scss */
-.cc .cc-content-right {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- align-self: center;
-}
-/* line 183, src/styles/components/_challenges.scss */
-.cc .cc-content-right .cc-notification {
- display: flex;
- align-items: center;
- justify-content: center;
- height: 1.8125rem;
- width: 1.8125rem;
- border-radius: 50%;
- background: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(1, 153, 163, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #58ffff;
- color: black;
- margin-right: 1rem;
-}
+ width: 100%; }
+ /* line 155, src/styles/components/_challenges.scss */
+ .cc .cc-content-left {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ width: inherit; }
+ /* line 161, src/styles/components/_challenges.scss */
+ .cc .cc-content-left .cc-content-title {
+ color: #ffffff; }
+ /* line 163, src/styles/components/_challenges.scss */
+ .cc .cc-content-left .cc-content-title.cc-content-title-padding {
+ padding-top: 1rem; }
+ /* line 167, src/styles/components/_challenges.scss */
+ .cc .cc-content-left .cc-content-progress {
+ margin-top: 1rem; }
+ /* line 170, src/styles/components/_challenges.scss */
+ .cc .cc-content-left .cc-content-timeline {
+ padding: 0 0.5rem; }
+ /* line 173, src/styles/components/_challenges.scss */
+ .cc .cc-content-left .cc-content-visu {
+ padding: 1rem 0; }
+ /* line 177, src/styles/components/_challenges.scss */
+ .cc .cc-content-right {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ align-self: center; }
+ /* line 183, src/styles/components/_challenges.scss */
+ .cc .cc-content-right .cc-notification {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 1.8125rem;
+ width: 1.8125rem;
+ border-radius: 50%;
+ background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;
+ color: #25262b;
+ margin-right: 1rem; }
/* line 198, src/styles/components/_challenges.scss */
.cm-content {
@@ -2556,806 +1868,501 @@ p {
justify-content: space-around;
align-items: center;
padding: 1.5rem 1rem 1.5rem;
- width: 22.125rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 198, src/styles/components/_challenges.scss */
- .cm-content {
- width: 90%;
- }
-}
-/* line 208, src/styles/components/_challenges.scss */
-.cm-content .win {
- background: #eed582;
- background: Linear-gradient(
- 90deg,
- #bf723b 0%,
- #dd9a2b 26.04%,
- #f6d74c 45.31%,
- #d1880d 75%,
- #a05b11 100%
- );
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
-}
-/* line 221, src/styles/components/_challenges.scss */
-.cm-content .defeat {
- background: #eed582;
- background: Linear-gradient(
- 90deg,
- #a66340 0%,
- #ae5f38 33.33%,
- #9e4e24 51.56%,
- #a4573a 66.67%
- );
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
-}
-/* line 233, src/styles/components/_challenges.scss */
-.cm-content .cm-title {
- text-align: center;
-}
-/* line 236, src/styles/components/_challenges.scss */
-.cm-content .cm-win-badge-star {
- display: grid;
- align-items: center;
- justify-items: center;
- position: absolute;
- top: 52px;
-}
-@media only screen and (max-width: 768px) {
- /* line 236, src/styles/components/_challenges.scss */
+ width: 22.125rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 198, src/styles/components/_challenges.scss */
+ .cm-content {
+ width: 90%; } }
+ /* line 208, src/styles/components/_challenges.scss */
+ .cm-content .win {
+ background: #eed582;
+ background: Linear-gradient(90deg, #bf723b 0%, #dd9a2b 26.04%, #f6d74c 45.31%, #d1880d 75%, #a05b11 100%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent; }
+ /* line 222, src/styles/components/_challenges.scss */
+ .cm-content .defeat {
+ background: #eed582;
+ background: Linear-gradient(90deg, #a66340 0%, #ae5f38 33.33%, #9e4e24 51.56%, #a4573a 66.67%);
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent; }
+ /* line 235, src/styles/components/_challenges.scss */
+ .cm-content .cm-title {
+ text-align: center; }
+ /* line 238, src/styles/components/_challenges.scss */
.cm-content .cm-win-badge-star {
- top: 65px;
- }
-}
-/* line 245, src/styles/components/_challenges.scss */
-.cm-content .cm-win-badge-star.--ecolyo-royal {
- top: 0px;
-}
-@media only screen and (max-width: 768px) {
- /* line 245, src/styles/components/_challenges.scss */
- .cm-content .cm-win-badge-star.--ecolyo-royal {
- top: 5px;
- }
-}
-/* line 252, src/styles/components/_challenges.scss */
-.cm-content .cm-win-badge-star .cm-win-badge {
- -webkit-animation: scale-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
- 0.1s both;
- animation: scale-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
- grid-column: 1;
- grid-row: 1;
- z-index: 1;
-}
-/* line 261, src/styles/components/_challenges.scss */
-.cm-content .cm-win-badge-star .cm-win-star {
- grid-column: 1;
- grid-row: 1;
- -webkit-animation: rotating 60s linear infinite;
- animation: rotating 60s linear infinite;
-}
-/* line 268, src/styles/components/_challenges.scss */
-.cm-content .cm-result {
- color: #e0e0e0;
- text-align: center;
- margin-top: 1.5rem;
- margin-bottom: 0.5rem;
- margin-bottom: 165px;
-}
-/* line 274, src/styles/components/_challenges.scss */
-.cm-content .cm-result .cm-result-positif {
- color: #7fd771;
-}
-/* line 277, src/styles/components/_challenges.scss */
-.cm-content .cm-result .cm-result-negatif {
- color: #d24444;
-}
-/* line 281, src/styles/components/_challenges.scss */
-.cm-content .cm-badge {
- position: absolute;
- top: 135px;
-}
-@media only screen and (max-width: 768px) {
- /* line 281, src/styles/components/_challenges.scss */
+ display: grid;
+ align-items: center;
+ justify-items: center;
+ position: absolute;
+ top: 52px; }
+ @media only screen and (max-width: 768px) {
+ /* line 238, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star {
+ top: 65px; } }
+ /* line 247, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star.--ecolyo-royal {
+ top: 0px; }
+ @media only screen and (max-width: 768px) {
+ /* line 247, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star.--ecolyo-royal {
+ top: 5px; } }
+ /* line 254, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star .cm-win-badge {
+ -webkit-animation: scale-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
+ animation: scale-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
+ grid-column: 1;
+ grid-row: 1;
+ z-index: 1; }
+ /* line 263, src/styles/components/_challenges.scss */
+ .cm-content .cm-win-badge-star .cm-win-star {
+ grid-column: 1;
+ grid-row: 1;
+ -webkit-animation: rotating 60s linear infinite;
+ animation: rotating 60s linear infinite; }
+ /* line 270, src/styles/components/_challenges.scss */
+ .cm-content .cm-result {
+ color: #e0e0e0;
+ text-align: center;
+ margin-top: 1.5rem;
+ margin-bottom: 0.5rem;
+ margin-bottom: 165px; }
+ /* line 276, src/styles/components/_challenges.scss */
+ .cm-content .cm-result .cm-result-positif {
+ color: #7fd771; }
+ /* line 279, src/styles/components/_challenges.scss */
+ .cm-content .cm-result .cm-result-negatif {
+ color: #d25959; }
+ /* line 283, src/styles/components/_challenges.scss */
.cm-content .cm-badge {
- top: 142px;
- }
-}
-/* line 288, src/styles/components/_challenges.scss */
-.cm-content .cm-button-valid {
- margin-top: 1rem;
- width: 100%;
-}
-/* line 292, src/styles/components/_challenges.scss */
-.cm-content .cm-txt {
- text-align: center;
- margin-bottom: 1rem;
- width: 100%;
-}
-/* line 297, src/styles/components/_challenges.scss */
-.cm-content .cm-text-new-available {
- margin-top: 1.25rem;
-}
-
-/* line 303, src/styles/components/_challenges.scss */
+ position: absolute;
+ top: 135px; }
+ @media only screen and (max-width: 768px) {
+ /* line 283, src/styles/components/_challenges.scss */
+ .cm-content .cm-badge {
+ top: 142px; } }
+ /* line 290, src/styles/components/_challenges.scss */
+ .cm-content .cm-button-valid {
+ margin-top: 1rem;
+ width: 100%; }
+ /* line 294, src/styles/components/_challenges.scss */
+ .cm-content .cm-txt {
+ text-align: center;
+ margin-bottom: 1rem;
+ width: 100%; }
+ /* line 299, src/styles/components/_challenges.scss */
+ .cm-content .cm-text-new-available {
+ margin-top: 1.25rem; }
+
+/* line 305, src/styles/components/_challenges.scss */
.list-of-days-duration {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 3rem;
- width: 100%;
-}
-@media only screen and (max-width: 768px) {
- /* line 303, src/styles/components/_challenges.scss */
- .list-of-days-duration {
- margin-top: 1rem;
- }
-}
-/* line 312, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo {
- display: flex;
- flex-direction: column;
- width: 100%;
-}
-/* line 316, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-line-label {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- width: 100%;
-}
-/* line 322, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-line-label .date-dash {
- width: 50%;
- height: 2px;
- background-color: #7b7b7b;
-}
-/* line 327, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-line-label .past {
- background-color: #58ffff;
-}
-/* line 330, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-line-label .futur {
- background-color: #7b7b7b;
-}
-/* line 333, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-line-label .none {
- opacity: 0;
-}
-/* line 336, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-line-label .date-label {
- width: 0.625rem;
- height: 0.625rem;
- border-radius: 50%;
- position: absolute;
-}
-/* line 343, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-letter {
- margin-top: 0.8rem;
- text-align: center;
- color: #a0a0a0;
-}
-/* line 348, src/styles/components/_challenges.scss */
-.list-of-days-duration .day-solo .day-date {
- margin-top: 0.2rem;
- text-align: center;
- color: #a0a0a0;
-}
-
-/* line 357, src/styles/components/_challenges.scss */
+ width: 100%; }
+ @media only screen and (max-width: 768px) {
+ /* line 305, src/styles/components/_challenges.scss */
+ .list-of-days-duration {
+ margin-top: 1rem; } }
+ /* line 314, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo {
+ display: flex;
+ flex-direction: column;
+ width: 100%; }
+ /* line 318, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-line-label {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ width: 100%; }
+ /* line 324, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-line-label .date-dash {
+ width: 50%;
+ height: 2px;
+ background-color: #7b7b7b; }
+ /* line 329, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-line-label .past {
+ background-color: #58ffff; }
+ /* line 332, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-line-label .futur {
+ background-color: #7b7b7b; }
+ /* line 335, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-line-label .none {
+ opacity: 0; }
+ /* line 338, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-line-label .date-label {
+ width: 0.625rem;
+ height: 0.625rem;
+ border-radius: 50%;
+ position: absolute; }
+ /* line 345, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-letter {
+ margin-top: 0.8rem;
+ text-align: center;
+ color: #a0a0a0; }
+ /* line 350, src/styles/components/_challenges.scss */
+ .list-of-days-duration .day-solo .day-date {
+ margin-top: 0.2rem;
+ text-align: center;
+ color: #a0a0a0; }
+
+/* line 359, src/styles/components/_challenges.scss */
.view-start-date {
padding: 0.25rem 0;
- color: #58ffff;
-}
+ color: #58ffff; }
-/* line 363, src/styles/components/_challenges.scss */
-.pile-energy-follow,
-.pile-energy-follow.--home {
+/* line 365, src/styles/components/_challenges.scss */
+.pile-energy-follow, .pile-energy-follow.--home {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
- width: 100%;
-}
-/* line 369, src/styles/components/_challenges.scss */
-.--home.pile-energy-follow {
- justify-content: start;
-}
-/* line 373, src/styles/components/_challenges.scss */
-.pile-energy-follow .pile-section {
- display: grid;
-}
-/* line 375, src/styles/components/_challenges.scss */
-.pile-energy-follow .pile-section .filter-pile {
- grid-column: 1;
- grid-row: 1;
- justify-self: flex-end;
- align-self: center;
- width: 0%;
- position: relative;
- right: 0;
- opacity: 0.8;
- background-color: #121212;
- z-index: 1;
-}
-/* line 387, src/styles/components/_challenges.scss */
-.pile-energy-follow .pile-section .pile-icon {
- grid-column: 1;
- grid-row: 1;
- margin: -25px 0;
-}
-/* line 393, src/styles/components/_challenges.scss */
-.pile-energy-follow .max-energy {
- color: #7b7b7b;
-}
-/* line 396, src/styles/components/_challenges.scss */
-.pile-energy-follow .values-section {
- margin-left: 1rem;
-}
-/* line 399, src/styles/components/_challenges.scss */
-.pile-energy-follow .no-values-section {
- color: #ffffff;
- margin-left: 1rem;
-}
-
-/* line 406, src/styles/components/_challenges.scss */
+ width: 100%; }
+ /* line 371, src/styles/components/_challenges.scss */
+ .--home.pile-energy-follow {
+ justify-content: start; }
+ /* line 375, src/styles/components/_challenges.scss */
+ .pile-energy-follow .pile-section {
+ display: grid; }
+ /* line 377, src/styles/components/_challenges.scss */
+ .pile-energy-follow .pile-section .filter-pile {
+ grid-column: 1;
+ grid-row: 1;
+ justify-self: flex-end;
+ align-self: center;
+ width: 0%;
+ position: relative;
+ right: 0;
+ opacity: 0.8;
+ background-color: #121212;
+ z-index: 1; }
+ /* line 389, src/styles/components/_challenges.scss */
+ .pile-energy-follow .pile-section .pile-icon {
+ grid-column: 1;
+ grid-row: 1;
+ margin: -25px 0; }
+ /* line 395, src/styles/components/_challenges.scss */
+ .pile-energy-follow .max-energy {
+ color: #7b7b7b; }
+ /* line 398, src/styles/components/_challenges.scss */
+ .pile-energy-follow .values-section {
+ margin-left: 1rem; }
+ /* line 401, src/styles/components/_challenges.scss */
+ .pile-energy-follow .no-values-section {
+ color: #ffffff;
+ margin-left: 1rem; }
+
+/* line 408, src/styles/components/_challenges.scss */
.ongoing-challenge {
- min-height: 620px;
-}
+ min-height: 620px; }
-/* line 409, src/styles/components/_challenges.scss */
-.cp-root {
- width: 100%;
-}
/* line 411, src/styles/components/_challenges.scss */
-.cp-root .cp-content,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal,
-.cp-root .cp-content.--locked {
- display: flex;
- align-items: center;
- flex-direction: column;
- color: #e0e0e0;
- min-height: 84vh;
- justify-content: space-between;
-}
-/* line 419, src/styles/components/_challenges.scss */
-.cp-root .cm-content .--locked.cm-win-badge-star.--ecolyo-royal,
-.cm-content .cp-root .--locked.cm-win-badge-star.--ecolyo-royal,
-.cp-root .--locked.cp-content {
- justify-content: center;
-}
-/* line 424, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info,
-.cp-root .cp-content .cp-info.--available {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- background-color: #121212;
- width: 100%;
- min-height: 55vh;
- padding-top: 1rem;
- padding-bottom: 0.5rem;
-}
-/* line 434, src/styles/components/_challenges.scss */
-.cp-root .cp-content .--available.cp-info,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .--available.cp-info,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .--available.cp-info {
- height: 74vh;
-}
-/* line 438, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-icon,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon {
- margin: 1rem;
-}
-/* line 441, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-icon-available,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-icon-available,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-icon-available {
- margin: 2rem;
-}
-/* line 444, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-win-badge-star,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-win-badge-star,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-win-badge-star {
- display: grid;
- align-items: center;
- justify-items: center;
- margin: -100px;
-}
-/* line 449, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-badge,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-win-badge-star
- .cp-win-badge,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-win-badge-star
- .cp-win-badge {
- grid-column: 1;
- grid-row: 1;
- z-index: 1;
-}
-/* line 454, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-star,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-win-badge-star
- .cp-win-star,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-win-badge-star
- .cp-win-star {
- grid-column: 1;
- grid-row: 1;
-}
-/* line 459, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-date,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-date,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-date {
- color: #a0a0a0;
- text-align: center;
- margin-top: 1rem;
-}
-/* line 464, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-title,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-title,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-title {
- color: #e0e0e0;
- text-align: center;
- margin-top: 0.5rem;
-}
-/* line 469, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-result,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result {
- color: #e0e0e0;
- text-align: center;
- margin-top: 1.5rem;
- margin-bottom: 0.5rem;
-}
-/* line 474, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-result .cp-result-positif,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-result
- .cp-result-positif,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-result
- .cp-result-positif {
- color: #7fd771;
-}
-/* line 477, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-result .cp-result-negatif,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-result
- .cp-result-negatif,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-result
- .cp-result-negatif {
- color: #d24444;
-}
-/* line 481, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-description,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-description,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-description {
- text-align: center;
- margin-top: 1rem;
- margin-bottom: 0.5rem;
- margin-left: 1.25rem;
- margin-right: 1.25rem;
- max-width: 53rem;
-}
-/* line 489, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-valid,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid,
-.cp-root .cp-content .cp-info .cp-valid.--ongoing {
- justify-content: center;
- display: flex;
- flex-direction: row;
- width: 90%;
- margin-top: 0.75rem;
- max-width: 53rem;
-}
-/* line 496, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .--ongoing.cp-valid,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .--ongoing.cp-valid,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .--ongoing.cp-valid {
- width: 25%;
-}
-@media only screen and (max-width: 768px) {
- /* line 496, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-info .--ongoing.cp-valid,
- .cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .--ongoing.cp-valid,
- .cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .--ongoing.cp-valid {
- width: 60%;
- }
-}
-/* line 503, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-valid .cp-left-button,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-valid
- .cp-left-button,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-valid
- .cp-left-button {
- margin-right: 0.25rem;
- margin-left: 0;
- width: 100%;
-}
-/* line 508, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .cp-valid .cp-right-button,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-valid
- .cp-right-button,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .cp-valid
- .cp-right-button {
- margin-left: 0.25rem;
- margin-right: 0;
- width: 100%;
-}
-/* line 514, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-info .lack-of-data-challenge,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .lack-of-data-challenge,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-info
- .lack-of-data-challenge {
- text-align: center;
- width: 90%;
-}
-/* line 519, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-follow,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-follow,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-follow {
- width: 90%;
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-bottom: 1rem;
- max-width: 53rem;
-}
-/* line 527, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-valid-locked,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-valid-locked,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-valid-locked {
- margin-top: 2rem;
- width: 80%;
- max-width: 53rem;
-}
-/* line 532, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-bottom,
-.cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom,
-.cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom {
- padding: 1.25rem 1.25rem;
- width: 90%;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- max-width: 53rem;
- margin-bottom: 2rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 532, src/styles/components/_challenges.scss */
- .cp-root .cp-content .cp-bottom,
- .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom,
- .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom {
- margin-bottom: 0;
- }
-}
-/* line 543, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-bottom .cp-eg-content,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-bottom
- .cp-eg-content,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-bottom
- .cp-eg-content {
- width: 100%;
-}
-/* line 545, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-bottom .cp-eg-content .linked-ecogestures,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-bottom
- .cp-eg-content
- .linked-ecogestures,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-bottom
- .cp-eg-content
- .linked-ecogestures {
- text-transform: uppercase;
-}
-/* line 548, src/styles/components/_challenges.scss */
-.cp-root .cp-content .cp-bottom .cp-eg-content .cp-ecogestures,
-.cp-root
- .cm-content
- .cm-win-badge-star.--ecolyo-royal
- .cp-bottom
- .cp-eg-content
- .cp-ecogestures,
-.cm-content
- .cp-root
- .cm-win-badge-star.--ecolyo-royal
- .cp-bottom
- .cp-eg-content
- .cp-ecogestures {
- width: 100%;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
-}
+.cp-root {
+ width: 100%; }
+ /* line 413, src/styles/components/_challenges.scss */
+ .cp-root .cp-content, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal, .cp-root .cp-content.--locked {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ color: #e0e0e0;
+ min-height: 84vh;
+ justify-content: space-between; }
+ /* line 421, src/styles/components/_challenges.scss */
+ .cp-root .cm-content .--locked.cm-win-badge-star.--ecolyo-royal, .cm-content .cp-root .--locked.cm-win-badge-star.--ecolyo-royal, .cp-root .--locked.cp-content {
+ justify-content: center; }
+ /* line 426, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info, .cp-root .cp-content .cp-info.--available {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+ background-color: #121212;
+ width: 100%;
+ min-height: 55vh;
+ padding-top: 1rem;
+ padding-bottom: 0.5rem; }
+ /* line 436, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .--available.cp-info, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .--available.cp-info, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .--available.cp-info {
+ height: 74vh; }
+ /* line 440, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-icon, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon {
+ margin: 1rem; }
+ /* line 443, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-icon-available, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon-available, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-icon-available {
+ margin: 2rem; }
+ /* line 446, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-win-badge-star, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star {
+ display: grid;
+ align-items: center;
+ justify-items: center;
+ margin: -100px; }
+ /* line 451, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-badge, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-badge, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-badge {
+ grid-column: 1;
+ grid-row: 1;
+ z-index: 1; }
+ /* line 456, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-win-badge-star .cp-win-star, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-star, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-win-badge-star .cp-win-star {
+ grid-column: 1;
+ grid-row: 1; }
+ /* line 461, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-date, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-date, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-date {
+ color: #a0a0a0;
+ text-align: center;
+ margin-top: 1rem; }
+ /* line 466, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-title, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-title, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-title {
+ color: #e0e0e0;
+ text-align: center;
+ margin-top: 0.5rem; }
+ /* line 471, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-result, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result {
+ color: #e0e0e0;
+ text-align: center;
+ margin-top: 1.5rem;
+ margin-bottom: 0.5rem; }
+ /* line 476, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-result .cp-result-positif, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-positif, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-positif {
+ color: #7fd771; }
+ /* line 479, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-result .cp-result-negatif, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-negatif, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-result .cp-result-negatif {
+ color: #d25959; }
+ /* line 483, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-description, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-description, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-description {
+ text-align: center;
+ margin-top: 1rem;
+ margin-bottom: 0.5rem;
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+ max-width: 53rem; }
+ /* line 491, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-valid, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid, .cp-root .cp-content .cp-info .cp-valid.--ongoing {
+ justify-content: center;
+ display: flex;
+ flex-direction: row;
+ width: 90%;
+ margin-top: 0.75rem;
+ max-width: 53rem; }
+ /* line 498, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .--ongoing.cp-valid, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid {
+ width: 25%; }
+ @media only screen and (max-width: 768px) {
+ /* line 498, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .--ongoing.cp-valid, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .--ongoing.cp-valid {
+ width: 60%; } }
+ /* line 505, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-valid .cp-left-button, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-left-button, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-left-button {
+ margin-right: 0.25rem;
+ margin-left: 0;
+ width: 100%; }
+ /* line 510, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .cp-valid .cp-right-button, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-right-button, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .cp-valid .cp-right-button {
+ margin-left: 0.25rem;
+ margin-right: 0;
+ width: 100%; }
+ /* line 516, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-info .lack-of-data-challenge, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-info .lack-of-data-challenge, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-info .lack-of-data-challenge {
+ text-align: center;
+ width: 90%; }
+ /* line 521, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-follow, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-follow, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-follow {
+ width: 90%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-bottom: 1rem;
+ max-width: 53rem; }
+ /* line 529, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-valid-locked, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-valid-locked, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-valid-locked {
+ margin-top: 2rem;
+ width: 80%;
+ max-width: 53rem; }
+ /* line 534, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom {
+ padding: 1.25rem 1.25rem;
+ width: 90%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ max-width: 53rem;
+ margin-bottom: 2rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 534, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom {
+ margin-bottom: 0; } }
+ /* line 545, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom .cp-eg-content, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content {
+ width: 100%; }
+ /* line 547, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom .cp-eg-content .linked-ecogestures, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .linked-ecogestures, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .linked-ecogestures {
+ text-transform: uppercase; }
+ /* line 550, src/styles/components/_challenges.scss */
+ .cp-root .cp-content .cp-bottom .cp-eg-content .cp-ecogestures, .cp-root .cm-content .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .cp-ecogestures, .cm-content .cp-root .cm-win-badge-star.--ecolyo-royal .cp-bottom .cp-eg-content .cp-ecogestures {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between; }
@-webkit-keyframes scale-in-center {
0% {
-webkit-transform: scale(0);
transform: scale(0);
- opacity: 1;
- }
+ opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
- opacity: 1;
- }
-}
+ opacity: 1; } }
@keyframes scale-in-center {
0% {
-webkit-transform: scale(0);
transform: scale(0);
- opacity: 1;
- }
+ opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
- opacity: 1;
- }
-}
+ opacity: 1; } }
@-webkit-keyframes rotating {
from {
- -webkit-transform: rotate(0deg);
- }
+ -webkit-transform: rotate(0deg); }
to {
- -webkit-transform: rotate(360deg);
- }
-}
+ -webkit-transform: rotate(360deg); } }
@keyframes rotating {
from {
- -webkit-transform: rotate(0deg);
- }
+ -webkit-transform: rotate(0deg); }
to {
- -webkit-transform: rotate(360deg);
- }
-}
+ -webkit-transform: rotate(360deg); } }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 5, src/styles/components/_ecogesture.scss */
.ecogesture-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- padding: 1rem 1.5rem 2.5rem 1.5rem;
-}
-/* line 11, src/styles/components/_ecogesture.scss */
-.ecogesture-root .negawatt-button-content {
- max-width: 52rem;
- width: 97%;
-}
-@media only screen and (max-width: 1023px) {
- /* line 11, src/styles/components/_ecogesture.scss */
- .ecogesture-root .negawatt-button-content {
- width: 97%;
- }
-}
-@media only screen and (max-width: 768px) {
+ padding: 1rem 1.5rem 2.5rem 1.5rem; }
/* line 11, src/styles/components/_ecogesture.scss */
.ecogesture-root .negawatt-button-content {
- width: 97%;
- }
-}
-/* line 21, src/styles/components/_ecogesture.scss */
-.ecogesture-root .ecogesture-content {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-around;
- max-width: 53rem;
-}
-@media only screen and (max-width: 1023px) {
+ max-width: 52rem;
+ width: 97%; }
+ @media only screen and (max-width: 1023px) {
+ /* line 11, src/styles/components/_ecogesture.scss */
+ .ecogesture-root .negawatt-button-content {
+ width: 97%; } }
+ @media only screen and (max-width: 768px) {
+ /* line 11, src/styles/components/_ecogesture.scss */
+ .ecogesture-root .negawatt-button-content {
+ width: 97%; } }
/* line 21, src/styles/components/_ecogesture.scss */
.ecogesture-root .ecogesture-content {
- width: 100%;
- }
-}
-@media only screen and (max-width: 768px) {
- /* line 21, src/styles/components/_ecogesture.scss */
- .ecogesture-root .ecogesture-content {
- width: 100%;
- }
-}
-/* line 32, src/styles/components/_ecogesture.scss */
-.ecogesture-root .ecogesture-content .ecogesture-list-item {
- width: 48%;
- height: 8rem;
- margin: 1% 1%;
-}
-/* line 37, src/styles/components/_ecogesture.scss */
-.ecogesture-root .ecogesture-content .ecogesture-list-item > button {
- height: 100%;
- overflow: hidden;
-}
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ max-width: 53rem; }
+ @media only screen and (max-width: 1023px) {
+ /* line 21, src/styles/components/_ecogesture.scss */
+ .ecogesture-root .ecogesture-content {
+ width: 100%; } }
+ @media only screen and (max-width: 768px) {
+ /* line 21, src/styles/components/_ecogesture.scss */
+ .ecogesture-root .ecogesture-content {
+ width: 100%; } }
+ /* line 32, src/styles/components/_ecogesture.scss */
+ .ecogesture-root .ecogesture-content .ecogesture-list-item {
+ width: 48%;
+ height: 8rem;
+ margin: 1% 1%; }
+ /* line 37, src/styles/components/_ecogesture.scss */
+ .ecogesture-root .ecogesture-content .ecogesture-list-item > button {
+ height: 100%;
+ overflow: hidden; }
/* line 45, src/styles/components/_ecogesture.scss */
-.ec-link {
- color: black;
-}
-
-/* line 48, src/styles/components/_ecogesture.scss */
.ec {
display: flex;
justify-content: center;
width: 100%;
- height: 100%;
-}
-/* line 53, src/styles/components/_ecogesture.scss */
-.ec .ec-content {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-around;
-}
-/* line 58, src/styles/components/_ecogesture.scss */
-.ec .ec-content.ec-content-unlocked {
- padding: 0.4rem 0;
-}
-/* line 61, src/styles/components/_ecogesture.scss */
-.ec .ec-content.ec-content-challenge {
- padding: 0.5rem 0;
-}
-/* line 64, src/styles/components/_ecogesture.scss */
-.ec .ec-content .ec-content-icon {
- min-height: 50px;
-}
-/* line 67, src/styles/components/_ecogesture.scss */
-.ec .ec-content .ec-content-short-name {
- display: flex;
- flex: 1;
- align-items: center;
- text-align: center;
-}
-/* line 73, src/styles/components/_ecogesture.scss */
-.ec .ec-content .ec-content-nwh {
- margin-top: 0.25rem;
- color: #a0a0a0;
-}
+ height: 100%; }
+ /* line 50, src/styles/components/_ecogesture.scss */
+ .ec .ecogesture-card-notif {
+ position: absolute;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ right: 8px;
+ top: 8px;
+ width: 1.25rem;
+ height: 1.25rem;
+ color: #25262b;
+ border-radius: 50%;
+ border: 1px solid #25262b;
+ z-index: 1;
+ background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;
+ font-size: 12px; }
+ /* line 67, src/styles/components/_ecogesture.scss */
+ .ec .ec-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-around; }
+ /* line 72, src/styles/components/_ecogesture.scss */
+ .ec .ec-content.ec-content-unlocked {
+ padding: 0.4rem 0; }
+ /* line 75, src/styles/components/_ecogesture.scss */
+ .ec .ec-content.ec-content-challenge {
+ padding: 0.5rem 0; }
+ /* line 78, src/styles/components/_ecogesture.scss */
+ .ec .ec-content .ec-content-icon {
+ min-height: 50px; }
+ /* line 81, src/styles/components/_ecogesture.scss */
+ .ec .ec-content .ec-content-short-name {
+ display: flex;
+ flex: 1;
+ align-items: center;
+ text-align: center; }
+ /* line 87, src/styles/components/_ecogesture.scss */
+ .ec .ec-content .ec-content-nwh {
+ margin-top: 0.25rem;
+ color: #a0a0a0; }
-/* line 79, src/styles/components/_ecogesture.scss */
+/* line 93, src/styles/components/_ecogesture.scss */
.cp-eg-1 {
height: 8rem;
width: 100%;
margin-right: 0.25rem;
- text-align: center;
-}
+ text-align: center; }
-/* line 85, src/styles/components/_ecogesture.scss */
+/* line 99, src/styles/components/_ecogesture.scss */
.cp-eg-2 {
height: 8rem;
width: 100%;
margin-left: 0.25rem;
- text-align: center;
-}
+ text-align: center; }
-/* line 93, src/styles/components/_ecogesture.scss */
+/* line 107, src/styles/components/_ecogesture.scss */
.em-header {
color: #e0e0e0;
border-bottom: 1px solid rgba(163, 163, 163, 0.4);
padding-bottom: 1em;
width: 100%;
display: flex;
- justify-content: center;
-}
+ justify-content: center; }
-/* line 102, src/styles/components/_ecogesture.scss */
+/* line 116, src/styles/components/_ecogesture.scss */
.em-root {
overflow: auto;
width: 100%;
@@ -3363,125 +2370,100 @@ p {
justify-content: center;
/* width */
/* Track */
- /* Handle */
-}
-/* line 108, src/styles/components/_ecogesture.scss */
-.em-root::-webkit-scrollbar {
- width: 10px;
-}
-/* line 112, src/styles/components/_ecogesture.scss */
-.em-root::-webkit-scrollbar-track {
- background: #3e4045;
-}
-/* line 116, src/styles/components/_ecogesture.scss */
-.em-root::-webkit-scrollbar-thumb {
- background: #6f7074;
-}
-/* line 119, src/styles/components/_ecogesture.scss */
-.em-root .em-content {
- padding: 1.5rem 2.5rem 0;
-}
-@media only screen and (max-width: 768px) {
- /* line 119, src/styles/components/_ecogesture.scss */
+ /* Handle */ }
+ /* line 122, src/styles/components/_ecogesture.scss */
+ .em-root::-webkit-scrollbar {
+ width: 10px; }
+ /* line 126, src/styles/components/_ecogesture.scss */
+ .em-root::-webkit-scrollbar-track {
+ background: #3e4045; }
+ /* line 130, src/styles/components/_ecogesture.scss */
+ .em-root::-webkit-scrollbar-thumb {
+ background: #6f7074; }
+ /* line 133, src/styles/components/_ecogesture.scss */
.em-root .em-content {
- width: 100%;
- padding: 1.5rem 1.5rem 0;
- }
-}
-/* line 126, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-content-box-img {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-/* line 131, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-content-box-img .icon {
- margin-bottom: 1rem;
-}
-/* line 135, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-detail {
- display: flex;
- flex-direction: row;
- margin: 0.5em 0;
-}
-/* line 139, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-detail .em-detail-nwh {
- display: flex;
- flex: 1;
- align-self: flex-start;
- margin-top: 0.65rem;
- color: var(--textDark);
-}
-/* line 145, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-detail .em-detail-nwh .em-detail-nwh-unit {
- margin-left: 0.2rem;
-}
-/* line 149, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-detail .em-picto-flow {
- display: flex;
- align-self: flex-end;
-}
-/* line 152, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-detail .em-picto-flow .em-pic-content {
- margin: 0.3em;
-}
-/* line 157, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-title {
- margin-bottom: 0;
- text-align: center;
-}
-/* line 162, src/styles/components/_ecogesture.scss */
-.em-root .em-content .long-name {
- font-weight: bold;
- line-height: 150%;
- margin: 0.5rem 0 1rem;
-}
-/* line 167, src/styles/components/_ecogesture.scss */
-.em-root .em-content .em-description {
- padding-bottom: 2rem;
-}
-
-/* line 172, src/styles/components/_ecogesture.scss */
+ padding: 1.5rem 2.5rem 0; }
+ @media only screen and (max-width: 768px) {
+ /* line 133, src/styles/components/_ecogesture.scss */
+ .em-root .em-content {
+ width: 100%;
+ padding: 1.5rem 1.5rem 0; } }
+ /* line 140, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-content-box-img {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center; }
+ /* line 145, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-content-box-img .icon {
+ margin-bottom: 1rem; }
+ /* line 149, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-detail {
+ display: flex;
+ flex-direction: row;
+ margin: 0.5em 0; }
+ /* line 153, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-detail .em-detail-nwh {
+ display: flex;
+ flex: 1;
+ align-self: flex-start;
+ margin-top: 0.65rem;
+ color: #a0a0a0; }
+ /* line 159, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-detail .em-detail-nwh .em-detail-nwh-unit {
+ margin-left: 0.2rem; }
+ /* line 163, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-detail .em-picto-flow {
+ display: flex;
+ align-self: flex-end; }
+ /* line 166, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-detail .em-picto-flow .em-pic-content {
+ margin: 0.3em; }
+ /* line 171, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-title {
+ margin-bottom: 0;
+ text-align: center; }
+ /* line 176, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .long-name {
+ font-weight: bold;
+ line-height: 150%;
+ margin: 0.5rem 0 1rem; }
+ /* line 181, src/styles/components/_ecogesture.scss */
+ .em-root .em-content .em-description {
+ padding-bottom: 2rem; }
+
+/* line 186, src/styles/components/_ecogesture.scss */
.em-content-box-text {
display: flex;
flex-direction: column;
- padding: 1.5rem 2.5rem;
-}
-@media only screen and (max-width: 768px) {
- /* line 172, src/styles/components/_ecogesture.scss */
- .em-content-box-text {
- padding: 1.5rem 1.5rem;
- }
-}
-/* line 179, src/styles/components/_ecogesture.scss */
-.em-content-box-text .em-description {
- padding-bottom: 2rem;
-}
-/* line 182, src/styles/components/_ecogesture.scss */
-.em-content-box-text .em-description-2 {
- padding-top: 2rem;
-}
-/* line 185, src/styles/components/_ecogesture.scss */
-.em-content-box-text .em-description-3 {
- padding-bottom: 0.5rem;
-}
-/* line 188, src/styles/components/_ecogesture.scss */
-.em-content-box-text .em-title {
- margin-bottom: 0;
-}
+ padding: 1.5rem 2.5rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 186, src/styles/components/_ecogesture.scss */
+ .em-content-box-text {
+ padding: 1.5rem 1.5rem; } }
+ /* line 193, src/styles/components/_ecogesture.scss */
+ .em-content-box-text .em-description {
+ padding-bottom: 2rem; }
+ /* line 196, src/styles/components/_ecogesture.scss */
+ .em-content-box-text .em-description-2 {
+ padding-top: 2rem; }
+ /* line 199, src/styles/components/_ecogesture.scss */
+ .em-content-box-text .em-description-3 {
+ padding-bottom: 0.5rem; }
+ /* line 202, src/styles/components/_ecogesture.scss */
+ .em-content-box-text .em-title {
+ margin-bottom: 0; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_modal.scss */
.modal-overlay {
display: none;
@@ -3494,179 +2476,139 @@ p {
overflow: hidden;
justify-content: center;
align-items: center;
- background-color: rgba(27, 28, 34, 0.85);
-}
-/* line 16, src/styles/components/_modal.scss */
-.modal-overlay.modal-opened {
- display: flex;
-}
-/* line 19, src/styles/components/_modal.scss */
-.modal-overlay .modal-box {
- background: linear-gradient(180deg, #323339 0%, #25262b 100%);
- position: fixed;
- width: 36rem;
- max-width: 100%;
- max-height: 90vh;
- padding: 1rem 0 0 0;
- box-sizing: border-box;
- box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
- border-radius: 4px;
-}
-@media only screen and (max-width: 1023px) {
- /* line 19, src/styles/components/_modal.scss */
- .modal-overlay .modal-box {
- width: 35rem;
- }
-}
-@media only screen and (max-width: 768px) {
+ background-color: rgba(27, 28, 34, 0.85); }
+ /* line 16, src/styles/components/_modal.scss */
+ .modal-overlay.modal-opened {
+ display: flex; }
/* line 19, src/styles/components/_modal.scss */
.modal-overlay .modal-box {
- width: 85%;
- max-width: 35rem;
- }
-}
-/* line 36, src/styles/components/_modal.scss */
-.modal-overlay .modal-box.modal-box-bordered {
- border: 1px solid #58ffff40;
-}
-/* line 39, src/styles/components/_modal.scss */
-.modal-overlay .modal-box.yellow-border {
- border: 1px solid rgba(227, 184, 42, 0.4);
-}
-/* line 42, src/styles/components/_modal.scss */
-.modal-overlay .modal-box .modal-close-button {
- position: absolute;
- top: 0.5rem;
- right: 0.5rem;
- padding: 5px 5px;
- z-index: 10;
-}
-/* line 49, src/styles/components/_modal.scss */
-.modal-overlay .modal-box .modal-content {
- max-height: 85vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- color: #ffffff;
-}
-/* line 56, src/styles/components/_modal.scss */
-.modal-overlay .modal-box .wm-header {
- background: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(226, 137, 4, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #f1c017;
- background-clip: 'text';
- -webkit-background-clip: text;
- color: transparent;
- margin-top: 2rem;
-}
-/* line 63, src/styles/components/_modal.scss */
-.modal-overlay .modal-box .wm-name {
- background: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(226, 137, 4, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #f1c017;
- background-clip: 'text';
- -webkit-background-clip: text;
- color: transparent;
- margin-bottom: 1.25rem;
-}
-/* line 70, src/styles/components/_modal.scss */
-.modal-overlay .modal-box .button-ok {
- width: 90%;
- margin-bottom: 2rem;
-}
-/* line 74, src/styles/components/_modal.scss */
-.modal-overlay .modal-box .wm-perso {
- text-align: center;
- width: 60%;
- margin: 1rem;
-}
-/* line 79, src/styles/components/_modal.scss */
-.modal-overlay .modal-box .wm-connect {
- text-align: center;
- width: 88%;
- margin: 1rem;
-}
+ background: linear-gradient(180deg, #323339 0%, #25262b 100%);
+ position: fixed;
+ width: 36rem;
+ max-width: 100%;
+ max-height: 90vh;
+ padding: 1rem 0 0 0;
+ box-sizing: border-box;
+ box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
+ border-radius: 4px; }
+ @media only screen and (max-width: 1023px) {
+ /* line 19, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box {
+ width: 35rem; } }
+ @media only screen and (max-width: 768px) {
+ /* line 19, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box {
+ width: 85%;
+ max-width: 35rem; } }
+ /* line 36, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box.modal-box-bordered {
+ border: 1px solid #58ffff40; }
+ /* line 39, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box.yellow-border {
+ border: 1px solid rgba(227, 184, 42, 0.4); }
+ /* line 42, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .modal-close-button {
+ position: absolute;
+ top: 0.5rem;
+ right: 0.5rem;
+ padding: 5px 5px;
+ z-index: 10; }
+ /* line 49, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .modal-content {
+ max-height: 85vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: #ffffff; }
+ /* line 56, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-header {
+ background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
+ background-clip: 'text';
+ -webkit-background-clip: text;
+ color: transparent;
+ margin-top: 2rem; }
+ /* line 63, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-name {
+ background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
+ background-clip: 'text';
+ -webkit-background-clip: text;
+ color: transparent;
+ margin-bottom: 1.25rem; }
+ /* line 70, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .button-ok {
+ width: 90%;
+ margin-bottom: 2rem; }
+ /* line 74, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-perso {
+ text-align: center;
+ width: 60%;
+ margin: 1rem; }
+ /* line 79, src/styles/components/_modal.scss */
+ .modal-overlay .modal-box .wm-connect {
+ text-align: center;
+ width: 88%;
+ margin: 1rem; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 5, src/styles/components/_faq.scss */
.faq-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- padding: 0 1.5rem;
-}
-/* line 11, src/styles/components/_faq.scss */
-.faq-root .faq-content {
- margin-bottom: -1rem;
- width: 45.75rem;
-}
-/* line 14, src/styles/components/_faq.scss */
-.faq-root .faq-content a {
- text-decoration: none;
-}
-@media only screen and (max-width: 768px) {
+ padding: 0 1.5rem; }
/* line 11, src/styles/components/_faq.scss */
.faq-root .faq-content {
- width: 100%;
- }
-}
-/* line 20, src/styles/components/_faq.scss */
-.faq-root .faq-content .faq-header {
- margin-top: 2.5rem;
- margin-bottom: 1.25rem;
- color: #e0e0e0;
-}
+ margin-bottom: -1rem;
+ width: 45.75rem; }
+ /* line 14, src/styles/components/_faq.scss */
+ .faq-root .faq-content a {
+ text-decoration: none; }
+ @media only screen and (max-width: 768px) {
+ /* line 11, src/styles/components/_faq.scss */
+ .faq-root .faq-content {
+ width: 100%; } }
+ /* line 20, src/styles/components/_faq.scss */
+ .faq-root .faq-content .faq-header {
+ margin-top: 2.5rem;
+ margin-bottom: 1.25rem;
+ color: #e0e0e0; }
/* line 28, src/styles/components/_faq.scss */
.faq-card-link {
- color: black;
-}
+ color: #ffffff; }
/* line 31, src/styles/components/_faq.scss */
.faq-card {
display: flex;
flex-direction: row;
margin: -0.75rem 0;
- width: 100%;
-}
-@media only screen and (max-width: 768px) {
- /* line 31, src/styles/components/_faq.scss */
- .faq-card {
- width: 100%;
- }
-}
-/* line 39, src/styles/components/_faq.scss */
-.faq-card .faq-card-content {
- display: flex;
- flex-direction: row;
-}
-/* line 42, src/styles/components/_faq.scss */
-.faq-card .faq-card-content .faq-card-content-icon {
- margin: 0.5rem 0;
-}
-/* line 45, src/styles/components/_faq.scss */
-.faq-card .faq-card-content .faq-card-content-title {
- margin: 0 1rem;
- align-self: center;
- text-decoration: none;
-}
+ width: 100%; }
+ @media only screen and (max-width: 768px) {
+ /* line 31, src/styles/components/_faq.scss */
+ .faq-card {
+ width: 100%; } }
+ /* line 39, src/styles/components/_faq.scss */
+ .faq-card .faq-card-content {
+ display: flex;
+ flex-direction: row; }
+ /* line 42, src/styles/components/_faq.scss */
+ .faq-card .faq-card-content .faq-card-content-icon {
+ margin: 0.5rem 0; }
+ /* line 45, src/styles/components/_faq.scss */
+ .faq-card .faq-card-content .faq-card-content-title {
+ margin: 0 1rem;
+ align-self: center;
+ text-decoration: none; }
/* line 54, src/styles/components/_faq.scss */
.faq-view-root {
@@ -3675,47 +2617,38 @@ p {
align-items: center;
justify-content: center;
padding: 1rem 0;
- margin-top: 1.5rem;
-}
-/* line 61, src/styles/components/_faq.scss */
-.faq-view-root .faq-view-content {
- width: 45.75rem;
-}
-@media only screen and (max-width: 768px) {
+ margin-top: 1.5rem; }
/* line 61, src/styles/components/_faq.scss */
.faq-view-root .faq-view-content {
- width: 100%;
- }
-}
-/* line 66, src/styles/components/_faq.scss */
-.faq-view-root .faq-view-content .faq-content-detail {
- padding-bottom: 0.6rem;
-}
-/* line 68, src/styles/components/_faq.scss */
-.faq-view-root .faq-view-content .faq-content-detail .text-bold {
- font-weight: bold;
-}
-/* line 71, src/styles/components/_faq.scss */
-.faq-view-root .faq-view-content .faq-content-detail .text-underline {
- text-decoration: underline;
-}
-/* line 74, src/styles/components/_faq.scss */
-.faq-view-root .faq-view-content .faq-content-detail .spaceline {
- height: 0.6rem;
- display: block;
-}
+ width: 45.75rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 61, src/styles/components/_faq.scss */
+ .faq-view-root .faq-view-content {
+ width: 100%; } }
+ /* line 66, src/styles/components/_faq.scss */
+ .faq-view-root .faq-view-content .faq-content-detail {
+ padding-bottom: 0.6rem; }
+ /* line 68, src/styles/components/_faq.scss */
+ .faq-view-root .faq-view-content .faq-content-detail .text-bold {
+ font-weight: bold; }
+ /* line 71, src/styles/components/_faq.scss */
+ .faq-view-root .faq-view-content .faq-content-detail .text-underline {
+ text-decoration: underline; }
+ /* line 74, src/styles/components/_faq.scss */
+ .faq-view-root .faq-view-content .faq-content-detail .spaceline {
+ height: 0.6rem;
+ display: block; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 5, src/styles/components/_legalnotice.scss */
.legal-notice-root {
display: flex;
@@ -3723,89 +2656,71 @@ p {
align-items: center;
justify-content: center;
color: #ffffff;
- padding: 1.5rem 1.5rem 0;
-}
-/* line 12, src/styles/components/_legalnotice.scss */
-.legal-notice-root .legal-notice-content {
- width: 45.75rem;
-}
-/* line 13, src/styles/components/_legalnotice.scss */
-.legal-notice-root .legal-notice-content p {
- color: #ffffff;
-}
-/* line 16, src/styles/components/_legalnotice.scss */
-.legal-notice-root .legal-notice-content a {
- color: #ffffff;
- text-decoration: none;
-}
-/* line 20, src/styles/components/_legalnotice.scss */
-.legal-notice-root .legal-notice-content li {
- margin: 1rem 0;
-}
-/* line 23, src/styles/components/_legalnotice.scss */
-.legal-notice-root .legal-notice-content h2 {
- color: #ffffff;
-}
-/* line 26, src/styles/components/_legalnotice.scss */
-.legal-notice-root .legal-notice-content h3 {
- color: #ffffff;
- margin: 2.5rem 0 1rem;
-}
-/* line 30, src/styles/components/_legalnotice.scss */
-.legal-notice-root .legal-notice-content .ln-contact {
- color: #e3b82a;
-}
-@media only screen and (max-width: 768px) {
+ padding: 1.5rem 1.5rem 0; }
/* line 12, src/styles/components/_legalnotice.scss */
.legal-notice-root .legal-notice-content {
- width: 100%;
- }
-}
+ width: 45.75rem; }
+ /* line 13, src/styles/components/_legalnotice.scss */
+ .legal-notice-root .legal-notice-content p {
+ color: #ffffff; }
+ /* line 16, src/styles/components/_legalnotice.scss */
+ .legal-notice-root .legal-notice-content a {
+ color: #ffffff;
+ text-decoration: none; }
+ /* line 20, src/styles/components/_legalnotice.scss */
+ .legal-notice-root .legal-notice-content li {
+ margin: 1rem 0; }
+ /* line 23, src/styles/components/_legalnotice.scss */
+ .legal-notice-root .legal-notice-content h2 {
+ color: #ffffff; }
+ /* line 26, src/styles/components/_legalnotice.scss */
+ .legal-notice-root .legal-notice-content h3 {
+ color: #ffffff;
+ margin: 2.5rem 0 1rem; }
+ /* line 30, src/styles/components/_legalnotice.scss */
+ .legal-notice-root .legal-notice-content .ln-contact {
+ color: #e3b82a; }
+ @media only screen and (max-width: 768px) {
+ /* line 12, src/styles/components/_legalnotice.scss */
+ .legal-notice-root .legal-notice-content {
+ width: 100%; } }
/* line 40, src/styles/components/_legalnotice.scss */
.legal-notice-card-link {
- color: black;
-}
+ color: black; }
/* line 43, src/styles/components/_legalnotice.scss */
.legal-notice-card {
display: flex;
flex-direction: row;
margin: -0.75rem 0;
- width: 100%;
-}
-@media only screen and (max-width: 768px) {
- /* line 43, src/styles/components/_legalnotice.scss */
- .legal-notice-card {
- width: 100%;
- }
-}
-/* line 51, src/styles/components/_legalnotice.scss */
-.legal-notice-card .legal-notice-card-content {
- display: flex;
- flex-direction: row;
-}
-/* line 54, src/styles/components/_legalnotice.scss */
-.legal-notice-card .legal-notice-card-content .legal-notice-card-content-icon {
- margin: 0.5rem 0;
-}
-/* line 57, src/styles/components/_legalnotice.scss */
-.legal-notice-card .legal-notice-card-content .legal-notice-card-content-title {
- margin: 0 1rem;
- align-self: center;
-}
+ width: 100%; }
+ @media only screen and (max-width: 768px) {
+ /* line 43, src/styles/components/_legalnotice.scss */
+ .legal-notice-card {
+ width: 100%; } }
+ /* line 51, src/styles/components/_legalnotice.scss */
+ .legal-notice-card .legal-notice-card-content {
+ display: flex;
+ flex-direction: row; }
+ /* line 54, src/styles/components/_legalnotice.scss */
+ .legal-notice-card .legal-notice-card-content .legal-notice-card-content-icon {
+ margin: 0.5rem 0; }
+ /* line 57, src/styles/components/_legalnotice.scss */
+ .legal-notice-card .legal-notice-card-content .legal-notice-card-content-title {
+ margin: 0 1rem;
+ align-self: center; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_splash.scss */
.splash-root {
position: fixed;
@@ -3817,232 +2732,243 @@ p {
overflow: hidden;
background-color: #1b1c22;
display: flex;
- flex-direction: column;
-}
-/* line 15, src/styles/components/_splash.scss */
-.splash-root .splash-header {
- height: 6rem;
- display: flex;
- align-items: center;
- justify-content: center;
- color: var(--greyBright);
-}
-/* line 22, src/styles/components/_splash.scss */
-.splash-root .splash-content {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- flex: 1;
- margin-top: 6rem;
-}
-/* line 30, src/styles/components/_splash.scss */
-.splash-root .splash-footer {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: flex-start;
- height: 10rem;
- margin: 0 2rem;
-}
-/* line 37, src/styles/components/_splash.scss */
-.splash-root .splash-footer .splash-footer-error-text {
- text-align: center;
- color: red;
- margin: 0.5rem 0;
-}
-/* line 42, src/styles/components/_splash.scss */
-.splash-root .splash-footer .splash-footer-button {
- max-width: 50vw;
-}
+ flex-direction: column; }
+ /* line 15, src/styles/components/_splash.scss */
+ .splash-root .splash-header {
+ height: 6rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--greyBright); }
+ /* line 22, src/styles/components/_splash.scss */
+ .splash-root .splash-content {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ flex: 1;
+ margin-top: 6rem; }
+ /* line 30, src/styles/components/_splash.scss */
+ .splash-root .splash-footer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-start;
+ height: 10rem;
+ margin: 0 2rem; }
+ /* line 37, src/styles/components/_splash.scss */
+ .splash-root .splash-footer .splash-footer-error-text {
+ text-align: center;
+ color: red;
+ margin: 0.5rem 0; }
+ /* line 42, src/styles/components/_splash.scss */
+ .splash-root .splash-footer .splash-footer-button {
+ max-width: 50vw; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_auth.scss */
.authform-button-content {
display: flex;
justify-content: center;
align-items: center;
- width: 100%;
-}
-@media only screen and (max-width: 768px) {
- /* line 4, src/styles/components/_auth.scss */
- .authform-button-content {
- justify-content: left;
- }
-}
-/* line 12, src/styles/components/_auth.scss */
-.authform-button-content .authform-button-content-icon {
- margin: 0 1.375rem;
-}
-/* line 15, src/styles/components/_auth.scss */
-.authform-button-content .authform-button-text {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- text-align: left;
- max-width: 10.625rem;
-}
+ width: 100%; }
+ @media only screen and (max-width: 768px) {
+ /* line 4, src/styles/components/_auth.scss */
+ .authform-button-content {
+ justify-content: left; } }
+ /* line 12, src/styles/components/_auth.scss */
+ .authform-button-content .authform-button-content-icon {
+ margin: 0 1.375rem; }
+ /* line 15, src/styles/components/_auth.scss */
+ .authform-button-content .authform-button-text {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ text-align: left;
+ max-width: 10.625rem; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
-/* line 5, src/styles/components/_feedback.scss */
+/** SCROLLBAR **/
+/* line 4, src/styles/components/_feedback.scss */
.fb-root {
- overflow-y: auto;
-}
-/* line 7, src/styles/components/_feedback.scss */
-.fb-root .fb-header {
- color: #e3b82a;
- padding: 1.5rem 1.5rem 0rem 1.5rem;
- display: flex;
- justify-content: center;
-}
-/* line 14, src/styles/components/_feedback.scss */
-.fb-root .fb-content {
- padding: 1rem 1.5rem 1.5rem 1.5rem;
- display: flex;
- flex-direction: column;
-}
-/* line 18, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-content-success {
- color: #e0e0e0;
- color: #e0e0e0;
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
-}
-/* line 26, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-content-error {
- color: #e0e0e0;
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
-}
-/* line 33, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-icon {
- display: flex;
- justify-content: center;
- margin: 0 0 1.5rem 0;
-}
-/* line 38, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-label {
- margin: 0.5rem 0 0 0;
-}
-/* line 41, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-selector {
- margin: 0.5rem 0;
- display: flex;
- flex-direction: row;
- align-content: space-around;
- justify-content: space-around;
-}
-/* line 47, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-selector .fb-selector-item {
- height: 3.125rem;
- width: 3.125rem;
-}
-/* line 50, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-selector .fb-selector-item .fb-selector-item-label {
- color: #e0e0e0;
-}
-/* line 53, src/styles/components/_feedback.scss */
-.fb-root
- .fb-content
- .fb-selector
- .fb-selector-item
- .fb-selector-item-selectedlabel {
- color: white;
-}
-/* line 58, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-form {
- margin: 0.5rem 0;
- border: 1px solid #7b7b7b;
- border-radius: 4px;
- color: #e0e0e0;
- background: rgba(0, 0, 0, 0.3);
- padding: 0 1rem;
- outline: none;
-}
-/* line 67, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-form:focus {
- border: 1px solid #e3b82a;
-}
-/* line 70, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-textarea {
- height: 8.725rem;
- padding: 0.5rem 1rem;
- resize: none;
-}
-/* line 75, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-input {
- height: 2rem;
-}
-/* line 78, src/styles/components/_feedback.scss */
-.fb-root .fb-content .fb-button {
- max-width: 9.375rem;
- align-self: center;
- margin-top: 1rem;
-}
+ overflow-y: auto; }
+ /* line 6, src/styles/components/_feedback.scss */
+ .fb-root .fb-header {
+ color: #e3b82a;
+ padding: 1.5rem 1.5rem 0rem 1.5rem;
+ display: flex;
+ justify-content: center; }
+ /* line 13, src/styles/components/_feedback.scss */
+ .fb-root .fb-content {
+ padding: 1rem 1.5rem 1.5rem 1.5rem;
+ display: flex;
+ flex-direction: column; }
+ /* line 17, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-content-success {
+ color: #e0e0e0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center; }
+ /* line 24, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-content-error {
+ color: #e0e0e0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center; }
+ /* line 31, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-icon {
+ display: flex;
+ justify-content: center;
+ margin: 0 0 1.5rem 0; }
+ /* line 36, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-label {
+ margin: 0.5rem 0 0 0; }
+ /* line 39, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-selector {
+ margin: 0.5rem 0;
+ display: flex;
+ flex-direction: row;
+ align-content: space-around;
+ justify-content: space-around; }
+ /* line 45, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-selector .fb-selector-item {
+ height: 3.125rem;
+ width: 3.125rem; }
+ /* line 48, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-selector .fb-selector-item .fb-selector-item-label {
+ color: #e0e0e0; }
+ /* line 51, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-selector .fb-selector-item .fb-selector-item-selectedlabel {
+ color: #ffffff; }
+ /* line 56, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-form {
+ margin: 0.5rem 0;
+ border: 1px solid #7b7b7b;
+ border-radius: 4px;
+ color: #e0e0e0;
+ background: rgba(0, 0, 0, 0.3);
+ padding: 0 1rem;
+ outline: none; }
+ /* line 65, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-form:focus {
+ border: 1px solid #e3b82a; }
+ /* line 68, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-textarea {
+ height: 8.725rem;
+ padding: 0.5rem 1rem;
+ resize: none; }
+ /* line 73, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-input {
+ height: 2rem; }
+ /* line 76, src/styles/components/_feedback.scss */
+ .fb-root .fb-content .fb-button {
+ max-width: 9.375rem;
+ align-self: center;
+ margin-top: 1rem; }
/** BLACK **/
-/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
-/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
+/** SCROLLBAR **/
/* line 4, src/styles/components/_version.scss */
.version-root {
color: #e0e0e0;
text-align: end;
- margin: 1rem 1.5rem 2rem;
-}
+ margin: 1rem 1.5rem 2rem; }
-/* line 30, src/styles/index.scss */
+/* line 1, src/styles/components/_report.scss */
+.report-root {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 0 1.5rem; }
+ /* line 7, src/styles/components/_report.scss */
+ .report-root .report-content {
+ width: 45.75rem; }
+ @media only screen and (max-width: 768px) {
+ /* line 7, src/styles/components/_report.scss */
+ .report-root .report-content {
+ width: 100%; } }
+ /* line 13, src/styles/components/_report.scss */
+ .report-root .head {
+ margin-top: 2rem;
+ color: #e0e0e0; }
+ /* line 17, src/styles/components/_report.scss */
+ .report-root .radios {
+ margin-top: 0.5rem; }
+ /* line 19, src/styles/components/_report.scss */
+ .report-root .radios .input {
+ padding: 0.5rem; }
+ /* line 21, src/styles/components/_report.scss */
+ .report-root .radios .input input[type='radio'] {
+ box-sizing: border-box;
+ -webkit-appearance: none;
+ outline: none;
+ border-radius: 50%;
+ position: relative;
+ top: 0.3rem;
+ width: 1.3rem;
+ height: 1.3rem;
+ border: 2px solid #a0a0a0;
+ background: transparent; }
+ /* line 32, src/styles/components/_report.scss */
+ .report-root .radios .input input[type='radio']:after {
+ transition: all 300ms ease;
+ content: '';
+ border-radius: 50%; }
+ /* line 38, src/styles/components/_report.scss */
+ .report-root .radios .input input[type='radio']:checked ~ label {
+ color: #e0e0e0; }
+ /* line 41, src/styles/components/_report.scss */
+ .report-root .radios .input input[type='radio']:checked:after {
+ content: '';
+ position: absolute;
+ top: -2px;
+ left: -2px;
+ box-sizing: border-box;
+ width: inherit;
+ height: inherit;
+ background-color: transparent;
+ border-radius: 50%;
+ border: 6px solid #e3b82a; }
+ /* line 56, src/styles/components/_report.scss */
+ .report-root .radios label {
+ color: #a0a0a0;
+ margin-left: 1rem; }
+
+/* line 33, src/styles/index.scss */
:root {
--blue: #58ffff;
--blue40: #58ffff40;
- --blueBackground: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(1, 153, 163, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #58ffff;
- --blueRadialGradient: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(1, 153, 163, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #58ffff;
- --blueRadialGradientTrans: radial-gradient(
- circle,
- #58ffff 0%,
- rgba(255, 255, 255, 0) 100%
- );
+ --blueBackground: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;
+ --blueRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(1, 153, 163, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #58ffff;
+ --blueRadialGradientTrans: radial-gradient(circle, #58ffff 0%, rgba(255, 255, 255, 0) 100%);
--elecColor: #d87b39;
--elecColor40: rgba(216, 123, 57, 0.4);
--elecCompareColor: #e2bca1;
@@ -4057,67 +2983,25 @@ p {
--redPrimary: #d25959;
--greyBright: #e0e0e0;
--greyDark: #7b7b7b;
- --textBlack: black;
--textWhite: #ffffff;
- --greyBright: #e0e0e0;
- --textDark: #a0a0a0;
+ --softGrey: #a0a0a0;
--darkLight: #25262b;
--darkLight2: #121212;
--textFont: Lato, sans-serif;
- --greyBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);
- --multiColorRadialGradientTrans: radial-gradient(
- circle,
- #e3b82a 0%,
- rgba(255, 255, 255, 0) 100%
- );
- --elecColorRadialGradientTrans: radial-gradient(
- circle,
- #d87b39 0%,
- rgba(255, 255, 255, 0) 100%
- );
- --waterColorRadialGradientTrans: radial-gradient(
- circle,
- #3a98ec 0%,
- rgba(255, 255, 255, 0) 100%
- );
- --gasColorRadialGradientTrans: radial-gradient(
- circle,
- #e3b82a 0%,
- rgba(255, 255, 255, 0) 100%
- );
- --multiColorRadialGradient: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(226, 137, 4, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #f1c017;
- --elecColorRadialGradient: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(158, 67, 2, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #d87b39;
- --gasColorRadialGradient: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(4, 106, 88, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #45d1b8;
- --waterColorRadialGradient: radial-gradient(
- 105.25% 64.58% at 49.68% 70.83%,
- rgba(2, 93, 174, 0.5) 0%,
- rgba(255, 255, 255, 0) 100%
- ),
- #3a98ec;
-}
-
-/* line 68, src/styles/index.scss */
+ --greyLinearGradientBackground: linear-gradient(180deg, #323339 0%, #25262b 100%);
+ --multiColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);
+ --elecColorRadialGradientTrans: radial-gradient(circle, #d87b39 0%, rgba(255, 255, 255, 0) 100%);
+ --waterColorRadialGradientTrans: radial-gradient(circle, #3a98ec 0%, rgba(255, 255, 255, 0) 100%);
+ --gasColorRadialGradientTrans: radial-gradient(circle, #e3b82a 0%, rgba(255, 255, 255, 0) 100%);
+ --multiColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(226, 137, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #f1c017;
+ --elecColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(158, 67, 2, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #d87b39;
+ --gasColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(4, 106, 88, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #45d1b8;
+ --waterColorRadialGradient: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(2, 93, 174, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #3a98ec; }
+
+/* line 69, src/styles/index.scss */
.application {
- overflow-x: hidden;
-}
-@media only screen and (max-width: 768px) {
- /* line 68, src/styles/index.scss */
- .application {
- min-height: 100vh;
- }
-}
+ overflow-x: hidden; }
+ @media only screen and (max-width: 768px) {
+ /* line 69, src/styles/index.scss */
+ .application {
+ min-height: 100vh; } }
diff --git a/src/targets/services/monthlyReport.ts b/src/targets/services/monthlyReport.ts
index 2a7944cff..5a40ede66 100644
--- a/src/targets/services/monthlyReport.ts
+++ b/src/targets/services/monthlyReport.ts
@@ -1,9 +1,13 @@
import logger from 'cozy-logger'
-import { runService } from './service'
import { Client } from 'cozy-client'
+import get from 'lodash/get'
+import { DateTime } from 'luxon'
+import { runService } from './service'
import { createEmail } from './createEmail'
-
+import { TimePeriod } from 'services/dataConsumptionContracts'
import UserProfileManager from 'services/userProfileDataManagerService'
+import ConsumptionDataManager from 'services/consumptionDataManagerService'
+import PerformanceIndicatorAggregateCalculator from 'services/performanceIndicatorAggregateCalculatorService'
const log = logger.namespace('report')
@@ -20,14 +24,73 @@ const monthlyReport = async ({ client }: MonthlyReportProps) => {
return
}
- const username = ''
- const url = ''
- const period = ''
+ let username = ''
+ let url = ''
+ let periodLabel = ''
const monthlyPerformance = '--%'
log('info', 'Fetching data for mail...')
+ // Retrieve public name from the stack
+ const settings = await client
+ .getStackClient()
+ .fetchJSON('GET', '/settings/instance')
+ const publicName = get(settings, 'data.attributes.public_name')
+ if (publicName) {
+ username = publicName
+ }
+
+ // Retrieve link to ecolyo app from the stack
+ const apps = await client.getStackClient().fetchJSON('GET', '/apps/ecolyo')
+ const appLink = get(apps, 'data.links.related')
+ if (appLink) {
+ url = appLink
+ }
+
+ // Define period for the mail
+ const startingDate = DateTime.local()
+ .minus({
+ months: 1,
+ })
+ .startOf('month')
+ const endingDate = DateTime.local()
+ .minus({
+ months: 1,
+ })
+ .endOf('month')
+ periodLabel = `${startingDate
+ .setLocale('fr')
+ .toFormat(
+ 'LLL yyyy'
+ )} (${startingDate.toISODate()} au ${endingDate.toISODate()})`
+ const period = new TimePeriod(startingDate, endingDate)
+
+ // Retrieve performance for the concerned period
+ const cdm = new ConsumptionDataManager(client)
+ const fetchedPerformanceIndicators = await cdm.getPerformanceIndicators(
+ period,
+ 20,
+ [0, 1, 2]
+ )
+ if (fetchedPerformanceIndicators) {
+ log('info', fetchedPerformanceIndicators[0].value)
+ log('info', fetchedPerformanceIndicators[1].value)
+ log('info', fetchedPerformanceIndicators[2].value)
+ const performanceIndicators = PerformanceIndicatorAggregateCalculator.aggregatePerformanceIndicators(
+ fetchedPerformanceIndicators
+ )
+ log('info', performanceIndicators.value)
+ log('info', performanceIndicators.percentageVariation)
+ } else {
+ log('info', 'performanceIndicators not fetched')
+ }
+
log('info', 'Creation of mail...')
- const mailContent = createEmail(username, url, period, monthlyPerformance)
+ const mailContent = createEmail(
+ username,
+ url,
+ periodLabel,
+ monthlyPerformance
+ )
const mailData = {
mode: 'noreply',
--
GitLab