diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-10 10:02:25 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-10 11:57:10 -0300 |
commit | e03b0d1b9b60dbafe6b70db3bd07158cd65773e5 (patch) | |
tree | 902b5172785ae1a6d0799092e285c6285a880f83 /packages/anastasis-webui/src | |
parent | 77070f9f7467feffaca1bee6a7ab141189568b55 (diff) | |
download | wallet-core-e03b0d1b9b60dbafe6b70db3bd07158cd65773e5.tar.xz |
prettier scss
Diffstat (limited to 'packages/anastasis-webui/src')
-rw-r--r-- | packages/anastasis-webui/src/scss/DurationPicker.scss | 1 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_aside.scss | 45 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_card.scss | 4 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_custom-calendar.scss | 83 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_footer.scss | 2 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_form.scss | 33 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_hero-bar.scss | 8 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_main-section.scss | 2 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_mixins.scss | 6 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_modal.scss | 2 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_nav-bar.scss | 16 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_table.scss | 28 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_tiles.scss | 3 | ||||
-rw-r--r-- | packages/anastasis-webui/src/scss/_title-bar.scss | 8 | ||||
-rw-r--r-- | 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 a35575324..aa75b9916 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 37297babf..11809990b 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 b2eec27a1..3f71aeb6a 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 bff68cf79..e0334b62d 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 027a5ca8b..112522ed8 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 71f0d4da4..786044eff 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 90b67a2ed..31b7e623e 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 1a4fad81d..01edc24bf 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 0809033ed..b52e590e3 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 3edbb8d3a..b3a31ebf1 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 09f1e2326..c6dd04263 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 9cf6f4dcd..b68d50e4f 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 94fc04e70..e69d995f0 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 736f26cbd..932f8e65d 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 b5335073f..9311fbba0 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 +} |