Skip to content
Snippets Groups Projects
Commit 010a7f02 authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

Merge branch '1-enlever-banniere-travaux' into 'master'

Resolve "Mise à jour landing page (enlever bannière travaux)"

See merge request !13
parents f1e52056 d38655b8
Branches
Tags
1 merge request!13Resolve "Mise à jour landing page (enlever bannière travaux)"
......@@ -83,6 +83,18 @@ html {
font-size: 1.85rem;
}
}
.gaz-color {
color: #45d1b8;
}
.water-color {
color: #3a98ec;
}
.elec-color {
color: #d87b39;
}
nav {
height: 80px;
width: 100%;
......@@ -314,15 +326,12 @@ nav .links .navlink {
margin: auto;
}
.explanation .compteurs .elec-color {
color: #d87b39;
border-color: rgba(216, 123, 57, 0.4);
}
.explanation .compteurs .gaz-color {
color: #45d1b8;
border-color: rgba(69, 209, 184, 0.4);
}
.explanation .compteurs .water-color {
color: #3a98ec;
border-color: rgba(58, 152, 236, 0.4);
}
.explanation .fluid-pipes {
......@@ -548,159 +557,64 @@ nav .links .navlink {
.create-account {
background-color: #121212;
padding: 2.5rem 0;
display: flex;
text-align: center;
}
.create-account h2 {
font-size: 2.25rem;
}
@media all and (max-width: 1200px) {
.create-account {
padding: 2rem 0;
}
.create-account .container {
padding: 0;
}
.create-account .container h2,
.create-account .container p {
padding: 0 1rem;
}
.create-account .content .button {
width: 100%;
font-size: 1.25rem;
padding: 1rem;
text-align: center;
}
}
.create-account h2 {
margin-bottom: 2rem;
}
.create-account .warning,
.create-account .warning2 {
padding: 1rem 0;
width: 100vw;
background-image: url(assets/pattern-wip.svg);
background-repeat: repeat-x;
}
.create-account .warning {
padding-top: 2rem;
background-position: top;
}
.create-account .warning2 {
background-position: bottom;
}
.create-account .container {
max-width: 1200px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
.create-account .container a.button {
cursor: pointer;
display: flex;
text-decoration: none;
align-items: center;
justify-content: space-between;
background: #f1c017;
color: #121212;
border-radius: 2px;
width: 100%;
height: 56px;
max-width: fit-content;
padding: 1rem;
margin: 2rem 0;
border: 0;
transition: all 400ms ease;
font-size: 1.25rem;
text-align: center;
justify-content: center;
font-weight: 700;
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;
}
@media all and (min-width: 1200px) {
.create-account .container a.button > div:not(:last-child) {
margin-right: 1rem;
}
}
.create-account .container a.button:hover {
box-shadow: 0px 0px 20px 0px #f1c017;
}
.create-account .container a.button span {
font-weight: 900;
}
.steps {
background: #1b1c22;
}
.steps .containerSteps {
.create-account .containerSteps {
padding: 2rem 1rem 3rem;
max-width: 1000px;
margin: auto;
}
.steps .containerSteps .step {
.create-account .containerSteps .step {
display: flex;
align-items: center;
gap: 1rem;
}
.create-account .containerSteps .step:not(:last-child) {
margin: 2.5rem 0;
}
@media all and (max-width: 1200px) {
.steps .containerSteps .step {
.create-account .containerSteps .step {
flex-direction: column;
align-items: center;
}
}
.steps .containerSteps .step .flex {
.create-account .containerSteps .step .flex {
display: flex;
align-items: center;
gap: 1rem;
}
.steps .containerSteps .number {
.create-account .containerSteps .number {
font-size: 5rem;
margin-top: -0.5rem;
}
@media all and (max-width: 1200px) {
.steps .containerSteps .number {
.create-account .containerSteps .number {
margin-top: 0;
font-size: 3rem;
}
}
.steps .containerSteps .text > p {
color: white;
text-align: left;
}
@media all and (max-width: 1200px) {
.steps .containerSteps .content {
.create-account .containerSteps .content {
font-size: 1rem;
}
}
.steps .containerSteps .header {
.create-account .containerSteps .header {
font-weight: 900;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
@media all and (max-width: 1200px) {
.steps .containerSteps .header {
.create-account .containerSteps .header {
font-size: 1.2rem;
}
}
.steps .containerSteps .content {
.create-account .containerSteps .content {
font-size: 1.2rem;
font-weight: 400;
}
.steps .containerSteps .gaz-color {
color: #45d1b8;
}
.steps .containerSteps .water-color {
color: #3a98ec;
}
.steps .containerSteps .elec-color {
color: #d87b39;
}
.steps .containerSteps .gl-color {
color: #ff0101;
}
.steps .containerSteps .button {
.create-account .createAccountButton {
cursor: pointer;
display: flex;
text-decoration: none;
......@@ -726,20 +640,20 @@ nav .links .navlink {
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;
}
@media all and (min-width: 1200px) {
.steps .containerSteps .button > div:not(:last-child) {
.create-account .createAccountButton > div:not(:last-child) {
margin-right: 1rem;
}
}
.steps .containerSteps .button:hover {
.create-account .createAccountButton:hover {
box-shadow: 0px 0px 20px 0px #f1c017;
}
.steps .containerSteps .button span {
.create-account .createAccountButton span {
font-weight: 900;
}
.cloud-gl {
padding: 2rem 1rem;
background: #121212;
padding: 2rem 1rem 2.5rem;
background: #1b1c22;
color: white;
}
.cloud-gl .text-content {
......
{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EFmBE;EEjBA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFOA;EEpBF;IFqBI;;;AEPF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFxDJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEsCI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF7DJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AE8CE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;;AAKN;EACE,YDhIS;ECiIT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODxJC;ECyJD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE,ODvMO;ECwMP;;AAEF;EACE,OD1MM;EC2MN;;AAEF;EACE,OD7MQ;EC8MR;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDpPU;ECqPV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,OD7QI;EC8QJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,ODtRI;;ACwRN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YDvTS;ECwTT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YD9VD;IC+VC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,ODxYG;;AC4YL;EACE,ODnYG;;ACuYL;EADF;IAEI;;;AAEF;EACE,ODtZI;;AC2ZZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAIN;EACE,kBD5aM;EC6aN;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;;EAEA;AAAA;IAEE;;EAGJ;IACE;IACA;IACA;IACA;;;AAIJ;EACE;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAGF;EACE,WF/cY;EEgdZ;EACA;EACA;EACA;;AACA;EF9bF;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE4aI;EACA;EACA;EACA;EACA;;AFhcJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEobJ;EACE,YD9eS;;AC+eT;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;IACA;;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAGJ;EACE;EACA;;AAGA;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAEF;EACE,OD9hBM;;ACgiBR;EACE,ODhiBQ;;ACkiBV;EACE,ODriBO;;ACuiBT;EACE,OD1hBG;;AC6hBL;EF7gBF;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE2fI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFlhBJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEsgBJ;EACE;EACA,YDlkBM;ECmkBN;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDvkBQ;ECwkBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDxmBM;ECymBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,ODxnBK;ECynBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EAjCF;IAkCI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE","file":"index.css"}
\ No newline at end of file
{"version":3,"sourceRoot":"","sources":["_globals.scss","_variables.scss","index.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAKF;AAAA;EAEE;EACA,YChBM;;;AD6DR;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA,OC7EM;ED8EN;EACA;;;AAEF;EACE;EACA;EACA,OCpFM;EDqFN;EACA;;;AAEF;EACE;EACA,OC1FM;ED2FN;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA,OC5GM;;;AD+GR;EACE,OClHO;;;ADqHT;EACE;AAAA;IAEE;;;AErHJ;EACE,ODEU;;;ACAZ;EACE;;;AAEF;EACE,ODLW;;;ACQb;EFSE;EEPA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;;AFHA;EEVF;IFWI;;;AEGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;IACE;;EAEF;IACE;;;;AAKN;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EARF;IASI;IACA;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;EFlEJ;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEgDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFvEJ;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;AEwDE;EAhBF;IAiBI;;;AAEF;EACE;;AAKJ;EADF;IAEI;;;AAIJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;;AAKN;EACE,YD1IS;EC2IT;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;;EACA;IACE;IACA;;EAEF;IACE;;;AAIJ;EACE,ODlKC;ECmKD;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEE;EADF;IAEI;;;;AAMR;EACE;EAMA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBD3PU;EC4PV;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;;;AAGJ;EACE,ODpRI;ECqRJ;EACA;EACA;;AACA;EACE;;AAGJ;EACE,OD7RI;;AC+RN;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AACA;EAHF;IAII;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AACA;EANF;IAOI;IACA;IACA;;;AAEF;EACE;;;AAIN;EACE,YD9TS;EC+TT;;AACA;EAHF;IAII;;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EAFF;IAGI;;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;IACA;;EACA;IACE;IACA;IACA;;EACA;IAEE;IACA;IACA;IACA;IACA,YDrWD;ICsWC;IACA;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;IACA;;EAEF;IACE;;;AAIF;EAEE;;AACA;EAHF;IAII;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AAGA;EADF;IAEI;;;AAEF;EACE,OD/YG;;ACmZL;EACE,OD1YG;;AC8YL;EADF;IAEI;;;AAEF;EACE,OD7ZI;;ACkaZ;EACE;EACA;EACA;EACA;;AACA;EALF;IAMI;;;AAEF;EACE;EACA;;;AAKN;EACE,kBDpbM;ECqbN;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EARF;IASI;IACA;;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;AACA;EAFF;IAGI;IACA;;;AAIF;EADF;IAEI;;;AAGJ;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGJ;EACE;EACA;;AAGJ;EF3cA;EACA;EACA;EACA;EAOA;EACA,YC9CO;ED+CP,OC7CM;ED8CN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEybE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AFhdF;EACE;IACE;;;AAeJ;EACE;;AAEF;EACE;;;AEocJ;EACE;EACA,YD/fS;ECggBT;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA,YDrgBQ;ECsgBR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE,kBDtiBM;ECuiBN;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,ODtjBK;ECujBL;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EAjCF;IAkCI;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE","file":"index.css"}
\ No newline at end of file
......@@ -205,21 +205,7 @@
</div>
</section>
<section class="create-account" id="create-account">
<div class="content container">
<div class="text-content">
<h2 class="text-26-white">Se créer un compte en deux étapes !</h2>
<div class="warning">
<img src="assets/Plot.svg" alt="Travail en cours" />
<p>
Un parcours simplifié pour accéder à vos données de consommation
d'électricité sera disponible d'ici fin 2022.
</p>
</div>
<div class="warning2"></div>
</div>
</div>
</section>
<section class="steps" id="steps">
<h2 class="text-26-white">Se créer un compte en deux étapes !</h2>
<div class="containerSteps">
<div class="step">
<div class="flex">
......@@ -257,15 +243,16 @@
alt="Donner vos consentements"
/>
</div>
<a
href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
target="_blank"
class="button"
>
Se créer un compte
</a>
</div>
<a
href="https://manager.cozygrandlyon.cloud/grdlyon/onboarding_ecolyo"
target="_blank"
class="createAccountButton"
>
Se créer un compte
</a>
</section>
<section class="cloud-gl" id="cloud">
<div class="text-content">
<img src="assets/cloud-mgl.svg" alt="logo cloud grand lyon" />
......
@import "./variables";
@import "./globals";
.gaz-color {
color: $gaz-color;
}
.water-color {
color: $water-color;
}
.elec-color {
color: $elec-color;
}
nav {
@include nav-height();
width: 100%;
......@@ -202,15 +212,12 @@ nav {
}
}
.elec-color {
color: $elec-color;
border-color: rgba($elec-color, 0.4);
}
.gaz-color {
color: $gaz-color;
border-color: rgba($gaz-color, 0.4);
}
.water-color {
color: $water-color;
border-color: rgba($water-color, 0.4);
}
}
......@@ -427,75 +434,16 @@ nav {
}
}
}
.create-account {
background-color: $black;
padding: 2.5rem 0;
display: flex;
text-align: center;
h2 {
font-size: 2.25rem;
text-align: center;
}
@media all and (max-width: $breakpoint) {
padding: 2rem 0;
.container {
padding: 0;
h2,
p {
padding: 0 1rem;
}
}
.content .button {
width: 100%;
font-size: 1.25rem;
padding: 1rem;
text-align: center;
}
}
h2 {
margin-bottom: 2rem;
}
.warning,
.warning2 {
padding: 1rem 0;
width: 100vw;
background-image: url(assets/pattern-wip.svg);
background-repeat: repeat-x;
}
.warning {
padding-top: 2rem;
background-position: top;
}
.warning2 {
background-position: bottom;
}
.container {
max-width: $content-width;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
a.button {
@include button($black, $yellow);
font-size: 1.25rem;
text-align: center;
justify-content: center;
font-weight: 700;
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;
}
}
}
.steps {
background: $bg-light;
.containerSteps {
padding: 2rem 1rem 3rem;
max-width: 1000px;
......@@ -504,7 +452,10 @@ nav {
display: flex;
align-items: center;
gap: 1rem;
margin: 2.5rem 0;
&:not(:last-child) {
margin: 2.5rem 0;
}
@media all and (max-width: $large-device) {
flex-direction: column;
align-items: center;
......@@ -515,19 +466,14 @@ nav {
gap: 1rem;
}
}
.number {
font-size: 5rem;
margin-top: -0.5rem;
// margin-right: 1.5rem;
@media all and (max-width: $large-device) {
margin-top: 0;
font-size: 3rem;
}
}
.text > p {
color: white;
text-align: left;
}
.content {
@media all and (max-width: $large-device) {
font-size: 1rem;
......@@ -545,40 +491,28 @@ nav {
font-size: 1.2rem;
font-weight: 400;
}
.gaz-color {
color: $gaz-color;
}
.water-color {
color: $water-color;
}
.elec-color {
color: $elec-color;
}
.gl-color {
color: $gl-red;
}
.button {
@include button($black, $yellow);
margin: auto;
font-size: 1.5rem;
text-align: center;
justify-content: center;
font-weight: 700;
padding: 2rem 3rem;
border-radius: 4px;
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%
),
$yellow;
}
}
.createAccountButton {
@include button($black, $yellow);
margin: auto;
font-size: 1.5rem;
text-align: center;
justify-content: center;
font-weight: 700;
padding: 2rem 3rem;
border-radius: 4px;
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%
),
$yellow;
}
}
.cloud-gl {
padding: 2rem 1rem;
background: $black;
padding: 2rem 1rem 2.5rem;
background: $bg-light;
color: white;
.text-content {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment