gnunet-svn
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[taler-wallet-core] 01/03: prettier scss


From: gnunet
Subject: [taler-wallet-core] 01/03: prettier scss
Date: Wed, 10 Nov 2021 15:57:22 +0100

This is an automated email from the git hooks/post-receive script.

sebasjm pushed a commit to branch master
in repository wallet-core.

commit e03b0d1b9b60dbafe6b70db3bd07158cd65773e5
Author: Sebastian <sebasjm@gmail.com>
AuthorDate: Wed Nov 10 10:02:25 2021 -0300

    prettier scss
---
 .../anastasis-webui/src/scss/DurationPicker.scss   |  1 -
 packages/anastasis-webui/src/scss/_aside.scss      | 45 ++++++------
 packages/anastasis-webui/src/scss/_card.scss       |  4 +-
 .../anastasis-webui/src/scss/_custom-calendar.scss | 83 ++++++++++++----------
 packages/anastasis-webui/src/scss/_footer.scss     |  2 +-
 packages/anastasis-webui/src/scss/_form.scss       | 33 +++++----
 packages/anastasis-webui/src/scss/_hero-bar.scss   |  8 +--
 .../anastasis-webui/src/scss/_main-section.scss    |  2 +-
 packages/anastasis-webui/src/scss/_mixins.scss     |  6 +-
 packages/anastasis-webui/src/scss/_modal.scss      |  2 +-
 packages/anastasis-webui/src/scss/_nav-bar.scss    | 16 ++---
 packages/anastasis-webui/src/scss/_table.scss      | 28 +++++---
 packages/anastasis-webui/src/scss/_tiles.scss      |  3 +-
 packages/anastasis-webui/src/scss/_title-bar.scss  |  8 +--
 packages/anastasis-webui/src/scss/main.scss        |  9 ++-
 15 files changed, 132 insertions(+), 118 deletions(-)

diff --git a/packages/anastasis-webui/src/scss/DurationPicker.scss 
b/packages/anastasis-webui/src/scss/DurationPicker.scss
index a3557532..aa75b991 100644
--- a/packages/anastasis-webui/src/scss/DurationPicker.scss
+++ b/packages/anastasis-webui/src/scss/DurationPicker.scss
@@ -1,4 +1,3 @@
-
 .rdp-picker {
   display: flex;
   height: 175px;
diff --git a/packages/anastasis-webui/src/scss/_aside.scss 
b/packages/anastasis-webui/src/scss/_aside.scss
index 37297bab..11809990 100644
--- a/packages/anastasis-webui/src/scss/_aside.scss
+++ b/packages/anastasis-webui/src/scss/_aside.scss
@@ -19,38 +19,38 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
-  html {
-    &.has-aside-left {
-      &.has-aside-expanded {
-        nav.navbar,
-        body {
-          padding-left: $aside-width;
-        }
-      }
-      aside.is-placed-left {
-        display: block;
+html {
+  &.has-aside-left {
+    &.has-aside-expanded {
+      nav.navbar,
+      body {
+        padding-left: $aside-width;
       }
     }
+    aside.is-placed-left {
+      display: block;
+    }
   }
+}
 
-  aside.aside.is-expanded {
-    width: $aside-width;
+aside.aside.is-expanded {
+  width: $aside-width;
 
-    .menu-list {
-      @include icon-with-update-mark($aside-icon-width);
+  .menu-list {
+    @include icon-with-update-mark($aside-icon-width);
 
-      span.menu-item-label {
-        display: inline-block;
-      }
+    span.menu-item-label {
+      display: inline-block;
+    }
 
-      li.is-active {
-        ul {
-          display: block;
-        }
-        background-color: $body-background-color;
+    li.is-active {
+      ul {
+        display: block;
       }
+      background-color: $body-background-color;
     }
   }
+}
 
 aside.aside {
   display: none;
@@ -126,4 +126,3 @@ aside.aside {
     margin-bottom: $default-padding * 0.5;
   }
 }
-
diff --git a/packages/anastasis-webui/src/scss/_card.scss 
b/packages/anastasis-webui/src/scss/_card.scss
index b2eec27a..3f71aeb6 100644
--- a/packages/anastasis-webui/src/scss/_card.scss
+++ b/packages/anastasis-webui/src/scss/_card.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
@@ -39,7 +39,7 @@
 
   &.is-card-widget {
     .card-content {
-      padding: $default-padding * .5;
+      padding: $default-padding * 0.5;
     }
   }
 
diff --git a/packages/anastasis-webui/src/scss/_custom-calendar.scss 
b/packages/anastasis-webui/src/scss/_custom-calendar.scss
index bff68cf7..e0334b62 100644
--- a/packages/anastasis-webui/src/scss/_custom-calendar.scss
+++ b/packages/anastasis-webui/src/scss/_custom-calendar.scss
@@ -16,31 +16,30 @@
 
 :root {
   --primary-color: #3298dc;
-  
-  --primary-text-color-dark: rgba(0,0,0,.87);
-  --secondary-text-color-dark: rgba(0,0,0,.57);
-  --disabled-text-color-dark: rgba(0,0,0,.13);
-  
-  --primary-text-color-light: rgba(255,255,255,.87);
-  --secondary-text-color-light: rgba(255,255,255,.57);
-  --disabled-text-color-light: rgba(255,255,255,.13);
-  
-  --font-stack: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  
+
+  --primary-text-color-dark: rgba(0, 0, 0, 0.87);
+  --secondary-text-color-dark: rgba(0, 0, 0, 0.57);
+  --disabled-text-color-dark: rgba(0, 0, 0, 0.13);
+
+  --primary-text-color-light: rgba(255, 255, 255, 0.87);
+  --secondary-text-color-light: rgba(255, 255, 255, 0.57);
+  --disabled-text-color-light: rgba(255, 255, 255, 0.13);
+
+  --font-stack: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
   --primary-card-color: #fff;
   --primary-background-color: #f2f2f2;
-  
+
   --box-shadow-lvl-1: 0 1px 3px rgba(0, 0, 0, 0.12),
-                      0 1px 2px rgba(0, 0, 0, 0.24);
+    0 1px 2px rgba(0, 0, 0, 0.24);
   --box-shadow-lvl-2: 0 3px 6px rgba(0, 0, 0, 0.16),
-                      0 3px 6px rgba(0, 0, 0, 0.23);
+    0 3px 6px rgba(0, 0, 0, 0.23);
   --box-shadow-lvl-3: 0 10px 20px rgba(0, 0, 0, 0.19),
-                      0 6px 6px rgba(0, 0, 0, 0.23);
+    0 6px 6px rgba(0, 0, 0, 0.23);
   --box-shadow-lvl-4: 0 14px 28px rgba(0, 0, 0, 0.25),
-                      0 10px 10px rgba(0, 0, 0, 0.22);
+    0 10px 10px rgba(0, 0, 0, 0.22);
 }
 
-
 .home .datePicker div {
   margin-top: 0px;
   margin-bottom: 0px;
@@ -56,7 +55,7 @@
   width: 90vw;
   max-width: 448px;
   transform-origin: top left;
-  transition: transform .22s ease-in-out, opacity .22s ease-in-out;
+  transition: transform 0.22s ease-in-out, opacity 0.22s ease-in-out;
   top: 50%;
   left: 50%;
   opacity: 0;
@@ -67,7 +66,7 @@
     opacity: 1;
     transform: scale(1) translate(-50%, -50%);
   }
-  
+
   .datePicker--titles {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
@@ -75,7 +74,8 @@
     height: 100px;
     background: var(--primary-color);
 
-    h2, h3 {
+    h2,
+    h3 {
       cursor: pointer;
       color: #fff;
       line-height: 1;
@@ -85,7 +85,7 @@
     }
 
     h3 {
-      color: rgba(255,255,255,.57);
+      color: rgba(255, 255, 255, 0.57);
       font-size: 18px;
       padding-bottom: 2px;
     }
@@ -114,13 +114,13 @@
       font-size: 26px;
       user-select: none;
       border-radius: 50%;
-      
+
       &:hover {
         background: var(--disabled-text-color-dark);
       }
     }
   }
-  
+
   .datePicker--scroll {
     overflow-y: auto;
     max-height: calc(90vh - 56px - 100px);
@@ -133,9 +133,11 @@
       width: 100%;
       display: grid;
       text-align: center;
-      
+
       // there's probably a better way to do this, but wanted to try out CSS 
grid
-      grid-template-columns: calc(100% / 7) calc(100% / 7) calc(100% / 7) 
calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7);
+      grid-template-columns: calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(
+          100% / 7
+        ) calc(100% / 7) calc(100% / 7) calc(100% / 7);
 
       span {
         color: var(--secondary-text-color-dark);
@@ -149,14 +151,16 @@
       width: 100%;
       display: grid;
       text-align: center;
-      grid-template-columns: calc(100% / 7) calc(100% / 7) calc(100% / 7) 
calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(100% / 7);
+      grid-template-columns: calc(100% / 7) calc(100% / 7) calc(100% / 7) calc(
+          100% / 7
+        ) calc(100% / 7) calc(100% / 7) calc(100% / 7);
 
       span {
         color: var(--primary-text-color-dark);
         line-height: 42px;
         font-size: 14px;
         display: inline-grid;
-        transition: color .22s;
+        transition: color 0.22s;
         height: 42px;
         position: relative;
         cursor: pointer;
@@ -164,7 +168,7 @@
         border-radius: 50%;
 
         &::before {
-          content: '';
+          content: "";
           position: absolute;
           z-index: -1;
           height: 42px;
@@ -172,12 +176,12 @@
           left: calc(50% - 21px);
           background: var(--primary-color);
           border-radius: 50%;
-          transition: transform .22s, opacity .22s;
+          transition: transform 0.22s, opacity 0.22s;
           transform: scale(0);
           opacity: 0;
         }
-        
-        &[disabled=true] {
+
+        &[disabled="true"] {
           cursor: unset;
         }
 
@@ -186,7 +190,7 @@
         }
 
         &.datePicker--selected {
-          color: rgba(255,255,255,.87);
+          color: rgba(255, 255, 255, 0.87);
 
           &:before {
             transform: scale(1);
@@ -196,21 +200,21 @@
       }
     }
   }
-  
+
   .datePicker--selectYear {
     padding: 0 20px;
     display: block;
     width: 100%;
     text-align: center;
     max-height: 362px;
-    
+
     span {
       display: block;
       width: 100%;
       font-size: 24px;
       margin: 20px auto;
       cursor: pointer;
-      
+
       &.selected {
         font-size: 42px;
         color: var(--primary-color);
@@ -236,9 +240,10 @@
       appearance: none;
       padding: 0 16px;
       border-radius: 3px;
-      transition: background-color .13s;
+      transition: background-color 0.13s;
 
-      &:hover, &:focus {
+      &:hover,
+      &:focus {
         outline: none;
         background-color: var(--disabled-text-color-dark);
       }
@@ -253,6 +258,6 @@
   left: 0;
   bottom: 0;
   right: 0;
-  background: rgba(0,0,0,.52);
-  animation: fadeIn .22s forwards;
+  background: rgba(0, 0, 0, 0.52);
+  animation: fadeIn 0.22s forwards;
 }
diff --git a/packages/anastasis-webui/src/scss/_footer.scss 
b/packages/anastasis-webui/src/scss/_footer.scss
index 027a5ca8..112522ed 100644
--- a/packages/anastasis-webui/src/scss/_footer.scss
+++ b/packages/anastasis-webui/src/scss/_footer.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
diff --git a/packages/anastasis-webui/src/scss/_form.scss 
b/packages/anastasis-webui/src/scss/_form.scss
index 71f0d4da..786044ef 100644
--- a/packages/anastasis-webui/src/scss/_form.scss
+++ b/packages/anastasis-webui/src/scss/_form.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
@@ -22,11 +22,12 @@
 .field {
   &.has-check {
     .field-body {
-      margin-top: $default-padding * .125;
+      margin-top: $default-padding * 0.125;
     }
   }
   .control {
-    .mdi-24px.mdi-set, .mdi-24px.mdi:before {
+    .mdi-24px.mdi-set,
+    .mdi-24px.mdi:before {
       font-size: inherit;
     }
   }
@@ -37,28 +38,34 @@
   }
 }
 
-.input, .textarea, select {
+.input,
+.textarea,
+select {
   box-shadow: none;
 
-  &:focus, &:active {
-    box-shadow: none!important;
+  &:focus,
+  &:active {
+    box-shadow: none !important;
   }
 }
 
-.switch input[type=checkbox]+.check:before {
+.switch input[type="checkbox"] + .check:before {
   box-shadow: none;
 }
 
-.switch, .b-checkbox.checkbox {
-  input[type=checkbox] {
-    &:focus + .check, &:focus:checked + .check {
-      box-shadow: none!important;
+.switch,
+.b-checkbox.checkbox {
+  input[type="checkbox"] {
+    &:focus + .check,
+    &:focus:checked + .check {
+      box-shadow: none !important;
     }
   }
 }
 
-.b-checkbox.checkbox input[type=checkbox], .b-radio.radio input[type=radio] {
-  &+.check {
+.b-checkbox.checkbox input[type="checkbox"],
+.b-radio.radio input[type="radio"] {
+  & + .check {
     border: $checkbox-border;
   }
 }
diff --git a/packages/anastasis-webui/src/scss/_hero-bar.scss 
b/packages/anastasis-webui/src/scss/_hero-bar.scss
index 90b67a2e..31b7e623 100644
--- a/packages/anastasis-webui/src/scss/_hero-bar.scss
+++ b/packages/anastasis-webui/src/scss/_hero-bar.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
@@ -32,17 +32,17 @@ section.hero.is-hero-bar {
       }
 
       > div > .level {
-        margin-bottom: $default-padding * .5;
+        margin-bottom: $default-padding * 0.5;
       }
 
       .subtitle + p {
-        margin-top: $default-padding * .5;
+        margin-top: $default-padding * 0.5;
       }
     }
 
     .button {
       &.is-hero-button {
-        background-color: rgba($white, .5);
+        background-color: rgba($white, 0.5);
         font-weight: 300;
         @include transition(background-color);
 
diff --git a/packages/anastasis-webui/src/scss/_main-section.scss 
b/packages/anastasis-webui/src/scss/_main-section.scss
index 1a4fad81..01edc24b 100644
--- a/packages/anastasis-webui/src/scss/_main-section.scss
+++ b/packages/anastasis-webui/src/scss/_main-section.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
diff --git a/packages/anastasis-webui/src/scss/_mixins.scss 
b/packages/anastasis-webui/src/scss/_mixins.scss
index 0809033e..b52e590e 100644
--- a/packages/anastasis-webui/src/scss/_mixins.scss
+++ b/packages/anastasis-webui/src/scss/_mixins.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
@@ -23,12 +23,12 @@
   transition: $t 250ms ease-in-out 50ms;
 }
 
-@mixin icon-with-update-mark ($icon-base-width) {
+@mixin icon-with-update-mark($icon-base-width) {
   .icon {
     width: $icon-base-width;
 
     &.has-update-mark:after {
-      right: ($icon-base-width / 2) - .85;
+      right: ($icon-base-width / 2) - 0.85;
     }
   }
 }
diff --git a/packages/anastasis-webui/src/scss/_modal.scss 
b/packages/anastasis-webui/src/scss/_modal.scss
index 3edbb8d3..b3a31ebf 100644
--- a/packages/anastasis-webui/src/scss/_modal.scss
+++ b/packages/anastasis-webui/src/scss/_modal.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
diff --git a/packages/anastasis-webui/src/scss/_nav-bar.scss 
b/packages/anastasis-webui/src/scss/_nav-bar.scss
index 09f1e232..c6dd0426 100644
--- a/packages/anastasis-webui/src/scss/_nav-bar.scss
+++ b/packages/anastasis-webui/src/scss/_nav-bar.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
@@ -25,7 +25,7 @@ nav.navbar {
   .navbar-item {
     &.has-user-avatar {
       .is-user-avatar {
-        margin-right: $default-padding * .5;
+        margin-right: $default-padding * 0.5;
         display: inline-flex;
         width: $navbar-avatar-size;
         height: $navbar-avatar-size;
@@ -98,11 +98,11 @@ nav.navbar {
 
       .navbar-item {
         .icon:first-child {
-          margin-right: $default-padding * .5;
+          margin-right: $default-padding * 0.5;
         }
 
         &.has-dropdown {
-          >.navbar-link {
+          > .navbar-link {
             background-color: $white-ter;
             .icon:last-child {
               display: none;
@@ -111,11 +111,11 @@ nav.navbar {
         }
 
         &.has-user-avatar {
-          >.navbar-link {
+          > .navbar-link {
             display: flex;
             align-items: center;
-            padding-top: $default-padding * .5;
-            padding-bottom: $default-padding * .5;
+            padding-top: $default-padding * 0.5;
+            padding-bottom: $default-padding * 0.5;
           }
         }
       }
@@ -131,7 +131,7 @@ nav.navbar {
 
       &:not(.is-desktop-icon-only) {
         .icon:first-child {
-          margin-right: $default-padding * .5;
+          margin-right: $default-padding * 0.5;
         }
       }
       &.is-desktop-icon-only {
diff --git a/packages/anastasis-webui/src/scss/_table.scss 
b/packages/anastasis-webui/src/scss/_table.scss
index 9cf6f4dc..b68d50e4 100644
--- a/packages/anastasis-webui/src/scss/_table.scss
+++ b/packages/anastasis-webui/src/scss/_table.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
@@ -26,7 +26,8 @@ table.table {
     }
   }
 
-  td, th {
+  td,
+  th {
     &.checkbox-cell {
       .b-checkbox.checkbox:not(.button) {
         margin-right: 0;
@@ -83,7 +84,9 @@ table.table {
       }
     }
 
-    .pagination-previous, .pagination-next, .pagination-link {
+    .pagination-previous,
+    .pagination-next,
+    .pagination-link {
       border-color: $button-border-color;
       color: $base-color;
 
@@ -108,24 +111,25 @@ table.table {
     &.has-mobile-sort-spaced {
       .b-table {
         .field.table-mobile-sort {
-          padding-top: $default-padding * .5;
+          padding-top: $default-padding * 0.5;
         }
       }
     }
   }
   .b-table {
     .field.table-mobile-sort {
-      padding: 0 $default-padding * .5;
+      padding: 0 $default-padding * 0.5;
     }
 
     .table-wrapper.has-mobile-cards {
       tr {
         box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
-        margin-bottom: 3px!important;
+        margin-bottom: 3px !important;
       }
       td {
         &.is-progress-col {
-          span, progress {
+          span,
+          progress {
             display: flex;
             width: 45%;
             align-items: center;
@@ -133,11 +137,13 @@ table.table {
           }
         }
 
-        &.checkbox-cell, &.is-image-cell {
-          border-bottom: 0!important;
+        &.checkbox-cell,
+        &.is-image-cell {
+          border-bottom: 0 !important;
         }
 
-        &.checkbox-cell, &.is-actions-cell {
+        &.checkbox-cell,
+        &.is-actions-cell {
           &:before {
             display: none;
           }
@@ -163,7 +169,7 @@ table.table {
             .image {
               width: $table-avatar-size-mobile;
               height: auto;
-              margin: 0 auto $default-padding * .25;
+              margin: 0 auto $default-padding * 0.25;
             }
           }
         }
diff --git a/packages/anastasis-webui/src/scss/_tiles.scss 
b/packages/anastasis-webui/src/scss/_tiles.scss
index 94fc04e7..e69d995f 100644
--- a/packages/anastasis-webui/src/scss/_tiles.scss
+++ b/packages/anastasis-webui/src/scss/_tiles.scss
@@ -14,12 +14,11 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
-
 .is-tiles-wrapper {
   margin-bottom: $default-padding;
 }
diff --git a/packages/anastasis-webui/src/scss/_title-bar.scss 
b/packages/anastasis-webui/src/scss/_title-bar.scss
index 736f26cb..932f8e65 100644
--- a/packages/anastasis-webui/src/scss/_title-bar.scss
+++ b/packages/anastasis-webui/src/scss/_title-bar.scss
@@ -14,7 +14,7 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
- /**
+/**
  *
  * @author Sebastian Javier Marchano (sebasjm)
  */
@@ -26,14 +26,14 @@ section.section.is-title-bar {
   ul {
     li {
       display: inline-block;
-      padding: 0 $default-padding * .5 0 0;
+      padding: 0 $default-padding * 0.5 0 0;
       font-size: $default-padding;
       color: $title-bar-color;
 
       &:after {
         display: inline-block;
-        content: '/';
-        padding-left: $default-padding * .5;
+        content: "/";
+        padding-left: $default-padding * 0.5;
       }
 
       &:last-child {
diff --git a/packages/anastasis-webui/src/scss/main.scss 
b/packages/anastasis-webui/src/scss/main.scss
index b5335073..9311fbba 100644
--- a/packages/anastasis-webui/src/scss/main.scss
+++ b/packages/anastasis-webui/src/scss/main.scss
@@ -190,7 +190,6 @@ div[data-tooltip]::before {
   border: solid 1px #f2e9bf;
 }
 
-
 .home {
   padding: 1em 1em;
   min-height: 100%;
@@ -218,9 +217,9 @@ div[data-tooltip]::before {
 }
 
 .profile {
-       padding: 56px 20px;
-       min-height: 100%;
-       width: 100%;
+  padding: 56px 20px;
+  min-height: 100%;
+  width: 100%;
 }
 
 .notfound {
@@ -232,4 +231,4 @@ h1 {
   font-size: 1.5em;
   margin-top: 0.8em;
   margin-bottom: 0.8em;
-}
\ No newline at end of file
+}

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.



reply via email to

[Prev in Thread] Current Thread [Next in Thread]