Merge pull request #24 from TLI-Group-1/formatting

Used Prettier for Formatting

.prettierignore

@@ -0,0 +1,2 @@
+**/*mustache*.js
+**/*minireset*.css

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+	"tabWidth": 4,
+	"semi": true,
+	"singleQuote": true,
+	"quoteProps": "preserve",
+	"bracketSpacing": false,
+	"bracketSameLine": false
+}

css/details.css

@@ -151,7 +151,8 @@ main > div aside {
     }
 }
 
-.offer-selected, .offer-selected > * {
+.offer-selected,
+.offer-selected > * {
     background-color: #1d2345 !important;
     color: #ffffff;
 }

css/index.css

@@ -87,7 +87,7 @@ section.sec-inputs button {
     width: 100%;
 }
 
-section.sec-inputs button[name="login"] {
+section.sec-inputs button[name='login'] {
     border-radius: 0.5rem;
     /* width: 100%; */
     min-width: 15.5rem;
@@ -97,10 +97,10 @@ section.sec-inputs button[name="login"] {
     font-weight: 500;
     transition: all 250ms ease;
 }
-section.sec-inputs button[name="login"]:hover {
+section.sec-inputs button[name='login']:hover {
     transform: translateY(-0.2rem);
 }
-section.sec-inputs button[name="login"]:active {
+section.sec-inputs button[name='login']:active {
     transform: none;
 }
 
@@ -114,7 +114,7 @@ section.sec-inputs article form input {
     width: 100%;
 }
 
-section.sec-inputs button[name="updateFinancials"] {
+section.sec-inputs button[name='updateFinancials'] {
     margin: 1rem 0 0 0;
     padding: 1rem;
     transition: all 250ms ease;
@@ -312,19 +312,19 @@ div.cars-container {
     width: 5rem;
     border-radius: 0 0 1.1rem 0;
 }
-.car-offer button.claim-btn span.claim-heart:hover{
+.car-offer button.claim-btn span.claim-heart:hover {
     width: 7rem;
 }
 
 /* either makes the background image a filled heart or empty heart */
 .bg-heart-filled {
-    background-image: url("../assets/icons/heart-filled-min.svg");
+    background-image: url('../assets/icons/heart-filled-min.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 2rem;
 }
 .bg-heart-empty {
-    background-image: url("../assets/icons/heart-unfilled-min.svg");
+    background-image: url('../assets/icons/heart-unfilled-min.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 2rem;

css/main.css

@@ -17,11 +17,12 @@ limitations under the License.
 /* import the Poppins font from Google Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
 
-html, body {
+html,
+body {
     background-color: #f6fbfd;
     color: #1d2345;
-    font-family: "Poppins", "Poppins Latin", "Now",
-                 "Roboto", "Helvetica", "Arial", sans-serif;
+    font-family: 'Poppins', 'Poppins Latin', 'Now', 'Roboto', 'Helvetica',
+        'Arial', sans-serif;
     font-size: 14px;
 }
 
@@ -120,18 +121,19 @@ button:hover {
     border-radius: 0 0 1.1rem 1.1rem;
 }
 
-input, select {
+input,
+select {
     font-family: inherit;
     font-size: 1em;
 }
 
 /* remove increment arrows from number fields */
-input[type="number"] {
+input[type='number'] {
     -moz-appearance: textfield;
     appearance: textfield;
 }
-input[type="number"]::-webkit-outer-spin-button,
-input[type="number"]::-webkit-inner-spin-button {
+input[type='number']::-webkit-outer-spin-button,
+input[type='number']::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
@@ -221,8 +223,7 @@ footer div.footer-spacer {
 
 .card {
     background-color: #ffffff;
-    box-shadow:
-        0 0.08rem 0.06rem -0.62rem rgba(0, 0, 0, 0.065),
+    box-shadow: 0 0.08rem 0.06rem -0.62rem rgba(0, 0, 0, 0.065),
         0 0.28rem 0.21rem -0.62rem rgba(0, 0, 0, 0.095),
         0 1.25rem 0.93rem -0.62rem rgba(0, 0, 0, 0.17);
     border-radius: 1.2rem;
@@ -252,14 +253,12 @@ footer div.footer-spacer {
     word-break: break-all;
 }
 .link-light:link,
-.link-light:visited
-{
+.link-light:visited {
     text-decoration: underline;
     color: inherit;
 }
 .link-light:hover,
-.link-light:active
-{
+.link-light:active {
     text-decoration: none;
 }