style: 🎨 Format bank.scss

3 files changed, 142 insertions, 131 deletions

diff --git a/packages/bank/src/components/app.tsx b/packages/bank/src/components/app.tsx
index 5338c54..9e90a04 100644
--- a/packages/bank/src/components/app.tsx
+++ b/packages/bank/src/components/app.tsx
@@ -1,7 +1,6 @@
 import { FunctionalComponent, h } from 'preact';
 import { TranslationProvider } from '../context/translation';
 import { BankHome } from '../pages/home/index';
-import { Menu } from './menu';
 
 const App: FunctionalComponent = () => {
   return (
diff --git a/packages/bank/src/scss/_theme-default.scss b/packages/bank/src/scss/_theme-default.scss
index 538dfd4..8daf26b 100644
--- a/packages/bank/src/scss/_theme-default.scss
+++ b/packages/bank/src/scss/_theme-default.scss
@@ -15,7 +15,6 @@
  */
 
 /**
- *
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
diff --git a/packages/bank/src/scss/bank.scss b/packages/bank/src/scss/bank.scss
index b524cfe..3feeb3e 100644
--- a/packages/bank/src/scss/bank.scss
+++ b/packages/bank/src/scss/bank.scss
@@ -1,5 +1,5 @@
 .navcontainer:not(.default-navcontainer) {
-    margin-bottom: 0 !important;
+  margin-bottom: 0 !important;
 }
 
 .abort-button {
@@ -17,8 +17,8 @@ div.pages-list {
 
 .login-div,
 .register-div {
-    display: block;
-    text-align: center;
+  display: block;
+  text-align: center;
 }
 
 a.page-number {
@@ -42,55 +42,55 @@ input[type="number"]::-webkit-inner-spin-button {
 
 /* This CSS code styles the tab */
 .tab {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 .logout {
-    float: right;
-    border: 20px;
-    margin-right: 15px;
-    margin-top: 15px;
+  float: right;
+  border: 20px;
+  margin-right: 15px;
+  margin-top: 15px;
 }
 
 .tab button {
-    background-color: lightgray;
-    color: black;
-    float: left;
-    border: none;
-    outline: none;
-    cursor: pointer;
-    padding: 18px 19px;
-    border: 2px solid #c1c1c1;
-    transition: 0.5s;
-    font-weight: bold;
+  background-color: lightgray;
+  color: black;
+  float: left;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: 18px 19px;
+  border: 2px solid #c1c1c1;
+  transition: 0.5s;
+  font-weight: bold;
 }
 
 .tab button:hover {
-    background-color: yellow;
-    border: 2px solid #c1c1c1;
-    color: black;
+  background-color: yellow;
+  border: 2px solid #c1c1c1;
+  color: black;
 }
 
 .tab button.active {
-    background-color: orange;
-    border: 2px solid #c1c1c1;
-    color: black;
-    font-weight: bold;
+  background-color: orange;
+  border: 2px solid #c1c1c1;
+  color: black;
+  font-weight: bold;
 }
 
 .tabcontent {
-    display: none;
-    padding: 8px 16px;
-    border: 2px solid #c1c1c1;
-    width: max-content;
+  display: none;
+  padding: 8px 16px;
+  border: 2px solid #c1c1c1;
+  width: max-content;
 }
 
 .tabcontent.active {
-    display: block;
+  display: block;
 }
 
 input[type="number"] {
-    -moz-appearance: textfield;
+  -moz-appearance: textfield;
 }
 
 #transfer-fields {
@@ -115,16 +115,16 @@ input[type="number"] {
 }
 
 input {
-    background-color: inherit;
+  background-color: inherit;
 }
 
 .large-amount {
-    font-weight: bold;
-    font-size: x-large;
+  font-weight: bold;
+  font-size: x-large;
 }
 
 .currency {
-    font-style: oblique;
+  font-style: oblique;
 }
 
 /*
@@ -152,113 +152,126 @@ input {
   width: fit-content;
 }
 
-.register-form > .pure-form,
-.login-form > .pure-form {
-    background: #4a4a4a;
-    color: #ffffff;
-    display: inline-block;
-    text-align: left;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 16px 16px;
-    border-radius: 8px;
-    width: max-content;
-    .formFieldLabel {
-        margin: 2px 2px;
-    }
-    input[type="text"],
-    input[type="password"] {
-        border: none;
-        border-radius: 4px;
-        background: #6a6a6a;
-        color: #fefefe;
-        box-shadow: none;
-    }
-    input[placeholder="Password"][type="password"] {
-        margin-bottom: 8px;
-    }
-    .btn-register,
-    .btn-login {
-        float: left;
-    }
-    .btn-cancel {
-        float: right;
-    }
-    h2 {
-        margin-top: 0;
-        margin-bottom: 10px;
-    }
+.register-form>.pure-form,
+.login-form>.pure-form {
+  background: #4a4a4a;
+  color: #ffffff;
+  display: inline-block;
+  text-align: left;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 16px 16px;
+  border-radius: 8px;
+  width: max-content;
+
+  .formFieldLabel {
+    margin: 2px 2px;
+  }
+
+  input[type="text"],
+  input[type="password"] {
+    border: none;
+    border-radius: 4px;
+    background: #6a6a6a;
+    color: #fefefe;
+    box-shadow: none;
+  }
+
+  input[placeholder="Password"][type="password"] {
+    margin-bottom: 8px;
+  }
+
+  .btn-register,
+  .btn-login {
+    float: left;
+  }
+
+  .btn-cancel {
+    float: right;
+  }
+
+  h2 {
+    margin-top: 0;
+    margin-bottom: 10px;
+  }
 }
 
 
 .challenge-div {
-    display: block;
-    text-align: center;
+  display: block;
+  text-align: center;
 }
 
-.challenge-form > .pure-form {
-    background: #4a4a4a;
-    color: #ffffff;
-    display: inline-block;
-    text-align: left;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 16px 16px;
-    border-radius: 8px;
-    width: max-content;
-    .formFieldLabel {
-        margin: 2px 2px;
-    }
-    input[type="text"] {
-        border: none;
-        border-radius: 4px;
-        background: #6a6a6a;
-        color: #fefefe;
-        box-shadow: none;
-    }
-    .btn-confirm {
-        float: left;
-    }
-    .btn-cancel {
-        float: right;
-    }
-    h2 {
-        margin-top: 0;
-        margin-bottom: 10px;
-    }
+.challenge-form>.pure-form {
+  background: #4a4a4a;
+  color: #ffffff;
+  display: inline-block;
+  text-align: left;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 16px 16px;
+  border-radius: 8px;
+  width: max-content;
+
+  .formFieldLabel {
+    margin: 2px 2px;
+  }
+
+  input[type="text"] {
+    border: none;
+    border-radius: 4px;
+    background: #6a6a6a;
+    color: #fefefe;
+    box-shadow: none;
+  }
+
+  .btn-confirm {
+    float: left;
+  }
+
+  .btn-cancel {
+    float: right;
+  }
+
+  h2 {
+    margin-top: 0;
+    margin-bottom: 10px;
+  }
 }
 
 
-.wire-transfer-form > .pure-form,
-.payto-form > .pure-form,
-.reserve-form > .pure-form {
-    background: #4a4a4a;
-    color: #ffffff;
-    display: inline-block;
-    text-align: left;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 16px 16px;
-    border-radius: 8px;
-    width: max-content;
-    .formFieldLabel {
-        margin: 2px 2px;
-    }
-    input[type="text"] {
-        border: none;
-        border-radius: 4px;
-        background: #6a6a6a;
-        color: #fefefe;
-        box-shadow: none;
-    }
+.wire-transfer-form>.pure-form,
+.payto-form>.pure-form,
+.reserve-form>.pure-form {
+  background: #4a4a4a;
+  color: #ffffff;
+  display: inline-block;
+  text-align: left;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 16px 16px;
+  border-radius: 8px;
+  width: max-content;
+
+  .formFieldLabel {
+    margin: 2px 2px;
+  }
+
+  input[type="text"] {
+    border: none;
+    border-radius: 4px;
+    background: #6a6a6a;
+    color: #fefefe;
+    box-shadow: none;
+  }
 }
 
 
 html {
-    background: #ffffff;
-    color: #2a2a2a;
+  background: #ffffff;
+  color: #2a2a2a;
 }
 
 .hint {
-    scale: 0.7;
-}
+  scale: 0.7;
+}
\ No newline at end of file