diff --git a/.prettierignore b/.prettierignore index 8b91594607..11599171cd 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,28 +1,28 @@ -modules -app -project +/modules +/app +/project -public/css -public/piece-css -public/compiled -public/glyphs.json -public/javascripts/vendor -public/vendor +/public/css +/public/piece-css +/public/compiled +/public/glyphs.json +/public/javascripts/vendor +/public/vendor -translation/dest +/translation/dest -dist/ -ui/common/**/*.js -ui/common/**/*.d.ts -ui/game/**/*.js -ui/game/**/*.d.ts -ui/nvui/**/*.js -ui/nvui/**/*.d.ts -ui/puz/**/*.js -ui/puz/**/*.d.ts +/dist/ +/ui/common/**/*.js +/ui/common/**/*.d.ts +/ui/game/**/*.js +/ui/game/**/*.d.ts +/ui/nvui/**/*.js +/ui/nvui/**/*.d.ts +/ui/puz/**/*.js +/ui/puz/**/*.d.ts *.min.js -.bloop/ -.bsp/ -.metals/ +/.bloop/ +/.bsp/ +/.metals/ diff --git a/ui/lobby/css/app/_app.scss b/ui/lobby/css/app/_app.scss index 1de9cd4b91..27cf663213 100644 --- a/ui/lobby/css/app/_app.scss +++ b/ui/lobby/css/app/_app.scss @@ -1,6 +1,6 @@ -@import "pool"; -@import "hook-chart"; -@import "hook-list"; +@import 'pool'; +@import 'hook-chart'; +@import 'hook-list'; .lobby__app { @extend %flex-column; @@ -19,17 +19,17 @@ flex: 1 1 100%; position: relative; - @if $theme == "transp" { + @if $theme == 'transp' { background: fade-out($c-bg-box, 0.2); - } - @else { - $logo-color: "dadada"; + } @else { + $logo-color: 'dadada'; @if $theme-dark { - $logo-color: "383633"; + $logo-color: '383633'; } - background: $c-bg-box url("data:image/svg+xml,%3Csvg viewBox='-2 -2 54 54' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23#{$logo-color}' stroke='%23#{$logo-color}' stroke-linejoin='round'%0Ad='M38.956.5c-3.53.418-6.452.902-9.286 2.984C5.534 1.786-.692 18.533.68 29.364 3.493 50.214 31.918 55.785 41.329 41.7c-7.444 7.696-19.276 8.752-28.323 3.084C3.959 39.116-.506 27.392 4.683 17.567 9.873 7.742 18.996 4.535 29.03 6.405c2.43-1.418 5.225-3.22 7.655-3.187l-1.694 4.86 12.752 21.37c-.439 5.654-5.459 6.112-5.459 6.112-.574-1.47-1.634-2.942-4.842-6.036-3.207-3.094-17.465-10.177-15.788-16.207-2.001 6.967 10.311 14.152 14.04 17.663 3.73 3.51 5.426 6.04 5.795 6.756 0 0 9.392-2.504 7.838-8.927L37.4 7.171z'/%3E%3C/svg%3E%0A"); + background: $c-bg-box + url("data:image/svg+xml,%3Csvg viewBox='-2 -2 54 54' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23#{$logo-color}' stroke='%23#{$logo-color}' stroke-linejoin='round'%0Ad='M38.956.5c-3.53.418-6.452.902-9.286 2.984C5.534 1.786-.692 18.533.68 29.364 3.493 50.214 31.918 55.785 41.329 41.7c-7.444 7.696-19.276 8.752-28.323 3.084C3.959 39.116-.506 27.392 4.683 17.567 9.873 7.742 18.996 4.535 29.03 6.405c2.43-1.418 5.225-3.22 7.655-3.187l-1.694 4.86 12.752 21.37c-.439 5.654-5.459 6.112-5.459 6.112-.574-1.47-1.634-2.942-4.842-6.036-3.207-3.094-17.465-10.177-15.788-16.207-2.001 6.967 10.311 14.152 14.04 17.663 3.73 3.51 5.426 6.04 5.795 6.756 0 0 9.392-2.504 7.838-8.927L37.4 7.171z'/%3E%3C/svg%3E%0A"); } background-size: 100% 100%; @@ -49,7 +49,7 @@ .toggle { position: absolute; - padding: .6em; + padding: 0.6em; cursor: pointer; z-index: 2; font-size: 1.3em; diff --git a/ui/lobby/css/app/_hook-chart.scss b/ui/lobby/css/app/_hook-chart.scss index 742fcd3c87..35d3704799 100644 --- a/ui/lobby/css/app/_hook-chart.scss +++ b/ui/lobby/css/app/_hook-chart.scss @@ -7,7 +7,7 @@ .label { color: $c-font-dim; - font-size: .7em; + font-size: 0.7em; position: absolute; left: 3px; bottom: 1px; @@ -42,7 +42,7 @@ cursor: pointer; z-index: 3; font-size: 1.6em; - opacity: .7; + opacity: 0.7; @include transition; @@ -77,7 +77,7 @@ display: none; background: $c-bg-box; position: absolute; - z-index: z("powertip"); + z-index: z('powertip'); .inner { @extend %flex-column; @@ -94,6 +94,6 @@ @extend %metal; min-width: 120px; - padding: .5em .7em; + padding: 0.5em 0.7em; } } diff --git a/ui/lobby/css/app/_hook-filter.scss b/ui/lobby/css/app/_hook-filter.scss index 29e767cbc4..e679680262 100644 --- a/ui/lobby/css/app/_hook-filter.scss +++ b/ui/lobby/css/app/_hook-filter.scss @@ -23,7 +23,8 @@ .checkable { @extend %nowrap-ellipsis; - label, input { + label, + input { vertical-align: middle; cursor: pointer; } @@ -48,7 +49,7 @@ } input { - margin-right: .3em; + margin-right: 0.3em; } .range { @@ -59,7 +60,7 @@ @extend %flex-center-nowrap; justify-content: center; input { - padding: .6em 0; + padding: 0.6em 0; margin: 0 1ch; @include breakpoint($mq-not-xx-small) { width: 26vw; diff --git a/ui/lobby/css/app/_hook-list.scss b/ui/lobby/css/app/_hook-list.scss index 9b0c5158c3..515ce42d04 100644 --- a/ui/lobby/css/app/_hook-list.scss +++ b/ui/lobby/css/app/_hook-list.scss @@ -52,7 +52,7 @@ &.sort .is:before { opacity: 0.7; margin-right: 3px; - content: ""; + content: ''; } &.player { @@ -73,7 +73,7 @@ td { @extend %nowrap-hidden; - padding: .5em .7em; + padding: 0.5em 0.7em; border-bottom: $border; cursor: pointer; background: fade-out($c-bg-box, 0.5); diff --git a/ui/lobby/css/app/_pool.scss b/ui/lobby/css/app/_pool.scss index 23f921c87a..cb4b190b41 100644 --- a/ui/lobby/css/app/_pool.scss +++ b/ui/lobby/css/app/_pool.scss @@ -15,7 +15,7 @@ grid-gap: 9px; padding: 9px; - @include fluid-size("font-size", 14px, 25px); + @include fluid-size('font-size', 14px, 25px); > div { @extend %flex-column, %box-radius, %break-word; @@ -27,8 +27,7 @@ @if $theme-light { background: fade-out($c-bg-box, 0.5); - } - @else { + } @else { background: fade-out($c-font, 0.95); } @@ -58,7 +57,7 @@ .spinner { flex: 0 0 auto; - margin: .1em 0 .6em 0; + margin: 0.1em 0 0.6em 0; width: 2em; height: 2em; pointer-events: none; @@ -68,6 +67,6 @@ display: block; font-size: 1.5em; line-height: 1.6em; - letter-spacing: .1em; + letter-spacing: 0.1em; } }