@wwawing/styles 3.10.0-beta.1 → 3.10.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/output/wwa.css +71 -15
- package/output/wwa_classic.css +71 -15
- package/package.json +2 -2
package/output/wwa.css
CHANGED
|
@@ -543,49 +543,109 @@ div.savedata > div.ss > span {
|
|
|
543
543
|
}
|
|
544
544
|
|
|
545
545
|
#wwa-enter-button,
|
|
546
|
-
#wwa-esc-button
|
|
547
|
-
#wwa-estimate-button {
|
|
546
|
+
#wwa-esc-button {
|
|
548
547
|
font-size: 35px;
|
|
549
|
-
height: 16vmin;
|
|
550
|
-
width: 16vmin;
|
|
551
548
|
border-radius: 50%;
|
|
552
549
|
}
|
|
550
|
+
@media (orientation: portrait) {
|
|
551
|
+
#wwa-enter-button,
|
|
552
|
+
#wwa-esc-button {
|
|
553
|
+
width: 21vmin;
|
|
554
|
+
height: 21vmin;
|
|
555
|
+
}
|
|
556
|
+
}
|
|
557
|
+
@media (orientation: landscape) {
|
|
558
|
+
#wwa-enter-button,
|
|
559
|
+
#wwa-esc-button {
|
|
560
|
+
width: 30vmin;
|
|
561
|
+
height: 30vmin;
|
|
562
|
+
}
|
|
563
|
+
}
|
|
553
564
|
|
|
554
565
|
#wwa-up-button,
|
|
555
566
|
#wwa-right-button,
|
|
556
567
|
#wwa-down-button,
|
|
557
568
|
#wwa-left-button {
|
|
558
569
|
font-size: 35px;
|
|
559
|
-
|
|
560
|
-
|
|
570
|
+
}
|
|
571
|
+
@media (orientation: portrait) {
|
|
572
|
+
#wwa-up-button,
|
|
573
|
+
#wwa-right-button,
|
|
574
|
+
#wwa-down-button,
|
|
575
|
+
#wwa-left-button {
|
|
576
|
+
width: 20vmin;
|
|
577
|
+
height: 20vmin;
|
|
578
|
+
}
|
|
579
|
+
}
|
|
580
|
+
@media (orientation: landscape) {
|
|
581
|
+
#wwa-up-button,
|
|
582
|
+
#wwa-right-button,
|
|
583
|
+
#wwa-down-button,
|
|
584
|
+
#wwa-left-button {
|
|
585
|
+
width: 24vmin;
|
|
586
|
+
height: 24vmin;
|
|
587
|
+
}
|
|
561
588
|
}
|
|
562
589
|
|
|
563
590
|
#wwa-slow-button,
|
|
564
591
|
#wwa-fast-button {
|
|
565
592
|
font-size: 25px;
|
|
566
593
|
height: 10vmin;
|
|
567
|
-
width: 16vmin;
|
|
568
594
|
border-radius: 0.75rem;
|
|
569
595
|
}
|
|
596
|
+
@media (orientation: portrait) {
|
|
597
|
+
#wwa-slow-button,
|
|
598
|
+
#wwa-fast-button {
|
|
599
|
+
width: 14vmin;
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
@media (orientation: landscape) {
|
|
603
|
+
#wwa-slow-button,
|
|
604
|
+
#wwa-fast-button {
|
|
605
|
+
width: 20vmin;
|
|
606
|
+
}
|
|
607
|
+
}
|
|
570
608
|
|
|
571
609
|
#wwa-virtualpad-left,
|
|
572
610
|
#wwa-virtualpad-right {
|
|
573
|
-
|
|
611
|
+
visibility: hidden;
|
|
574
612
|
position: fixed;
|
|
575
613
|
pointer-events: none;
|
|
576
614
|
}
|
|
615
|
+
@media (orientation: portrait) {
|
|
616
|
+
#wwa-virtualpad-left,
|
|
617
|
+
#wwa-virtualpad-right {
|
|
618
|
+
bottom: 30vh;
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
@media (orientation: landscape) {
|
|
622
|
+
#wwa-virtualpad-left,
|
|
623
|
+
#wwa-virtualpad-right {
|
|
624
|
+
bottom: 20vh;
|
|
625
|
+
}
|
|
626
|
+
}
|
|
577
627
|
|
|
578
628
|
#wwa-virtualpad-left {
|
|
579
629
|
left: 0;
|
|
580
630
|
display: grid;
|
|
581
631
|
grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
|
|
582
632
|
grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
|
|
583
|
-
width: 40vmin;
|
|
584
|
-
height: 40vmin;
|
|
585
633
|
transform: rotate(45deg);
|
|
586
634
|
gap: 4px;
|
|
587
635
|
margin-left: 6vmin;
|
|
588
636
|
}
|
|
637
|
+
@media (orientation: portrait) {
|
|
638
|
+
#wwa-virtualpad-left {
|
|
639
|
+
width: 40vmin;
|
|
640
|
+
height: 40vmin;
|
|
641
|
+
}
|
|
642
|
+
}
|
|
643
|
+
@media (orientation: landscape) {
|
|
644
|
+
#wwa-virtualpad-left {
|
|
645
|
+
width: 48vmin;
|
|
646
|
+
height: 48vmin;
|
|
647
|
+
}
|
|
648
|
+
}
|
|
589
649
|
#wwa-virtualpad-left .wwa-virtualpad__hole {
|
|
590
650
|
grid-column: 2/4;
|
|
591
651
|
grid-row: 2/4;
|
|
@@ -596,7 +656,7 @@ div.savedata > div.ss > span {
|
|
|
596
656
|
#wwa-virtualpad-right {
|
|
597
657
|
right: 0;
|
|
598
658
|
display: grid;
|
|
599
|
-
grid-template: " .
|
|
659
|
+
grid-template: " . . slow slow fast fast " " . . . . . . " 1vmin " . . . enter enter enter" " . . . enter enter enter" "esc esc esc enter enter enter" "esc esc esc . . . " "esc esc esc . . . " " . . . . . . " 1vmin;
|
|
600
660
|
gap: 1vmin;
|
|
601
661
|
margin-right: 6vmin;
|
|
602
662
|
}
|
|
@@ -660,10 +720,6 @@ div.savedata > div.ss > span {
|
|
|
660
720
|
grid-area: esc;
|
|
661
721
|
}
|
|
662
722
|
|
|
663
|
-
#wwa-estimate-button {
|
|
664
|
-
grid-area: estimate;
|
|
665
|
-
}
|
|
666
|
-
|
|
667
723
|
#wwa-slow-button {
|
|
668
724
|
grid-area: slow;
|
|
669
725
|
}
|
package/output/wwa_classic.css
CHANGED
|
@@ -543,49 +543,109 @@ div.savedata > div.ss > span {
|
|
|
543
543
|
}
|
|
544
544
|
|
|
545
545
|
#wwa-enter-button,
|
|
546
|
-
#wwa-esc-button
|
|
547
|
-
#wwa-estimate-button {
|
|
546
|
+
#wwa-esc-button {
|
|
548
547
|
font-size: 35px;
|
|
549
|
-
height: 16vmin;
|
|
550
|
-
width: 16vmin;
|
|
551
548
|
border-radius: 50%;
|
|
552
549
|
}
|
|
550
|
+
@media (orientation: portrait) {
|
|
551
|
+
#wwa-enter-button,
|
|
552
|
+
#wwa-esc-button {
|
|
553
|
+
width: 21vmin;
|
|
554
|
+
height: 21vmin;
|
|
555
|
+
}
|
|
556
|
+
}
|
|
557
|
+
@media (orientation: landscape) {
|
|
558
|
+
#wwa-enter-button,
|
|
559
|
+
#wwa-esc-button {
|
|
560
|
+
width: 30vmin;
|
|
561
|
+
height: 30vmin;
|
|
562
|
+
}
|
|
563
|
+
}
|
|
553
564
|
|
|
554
565
|
#wwa-up-button,
|
|
555
566
|
#wwa-right-button,
|
|
556
567
|
#wwa-down-button,
|
|
557
568
|
#wwa-left-button {
|
|
558
569
|
font-size: 35px;
|
|
559
|
-
|
|
560
|
-
|
|
570
|
+
}
|
|
571
|
+
@media (orientation: portrait) {
|
|
572
|
+
#wwa-up-button,
|
|
573
|
+
#wwa-right-button,
|
|
574
|
+
#wwa-down-button,
|
|
575
|
+
#wwa-left-button {
|
|
576
|
+
width: 20vmin;
|
|
577
|
+
height: 20vmin;
|
|
578
|
+
}
|
|
579
|
+
}
|
|
580
|
+
@media (orientation: landscape) {
|
|
581
|
+
#wwa-up-button,
|
|
582
|
+
#wwa-right-button,
|
|
583
|
+
#wwa-down-button,
|
|
584
|
+
#wwa-left-button {
|
|
585
|
+
width: 24vmin;
|
|
586
|
+
height: 24vmin;
|
|
587
|
+
}
|
|
561
588
|
}
|
|
562
589
|
|
|
563
590
|
#wwa-slow-button,
|
|
564
591
|
#wwa-fast-button {
|
|
565
592
|
font-size: 25px;
|
|
566
593
|
height: 10vmin;
|
|
567
|
-
width: 16vmin;
|
|
568
594
|
border-radius: 0.75rem;
|
|
569
595
|
}
|
|
596
|
+
@media (orientation: portrait) {
|
|
597
|
+
#wwa-slow-button,
|
|
598
|
+
#wwa-fast-button {
|
|
599
|
+
width: 14vmin;
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
@media (orientation: landscape) {
|
|
603
|
+
#wwa-slow-button,
|
|
604
|
+
#wwa-fast-button {
|
|
605
|
+
width: 20vmin;
|
|
606
|
+
}
|
|
607
|
+
}
|
|
570
608
|
|
|
571
609
|
#wwa-virtualpad-left,
|
|
572
610
|
#wwa-virtualpad-right {
|
|
573
|
-
|
|
611
|
+
visibility: hidden;
|
|
574
612
|
position: fixed;
|
|
575
613
|
pointer-events: none;
|
|
576
614
|
}
|
|
615
|
+
@media (orientation: portrait) {
|
|
616
|
+
#wwa-virtualpad-left,
|
|
617
|
+
#wwa-virtualpad-right {
|
|
618
|
+
bottom: 30vh;
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
@media (orientation: landscape) {
|
|
622
|
+
#wwa-virtualpad-left,
|
|
623
|
+
#wwa-virtualpad-right {
|
|
624
|
+
bottom: 20vh;
|
|
625
|
+
}
|
|
626
|
+
}
|
|
577
627
|
|
|
578
628
|
#wwa-virtualpad-left {
|
|
579
629
|
left: 0;
|
|
580
630
|
display: grid;
|
|
581
631
|
grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
|
|
582
632
|
grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
|
|
583
|
-
width: 40vmin;
|
|
584
|
-
height: 40vmin;
|
|
585
633
|
transform: rotate(45deg);
|
|
586
634
|
gap: 4px;
|
|
587
635
|
margin-left: 6vmin;
|
|
588
636
|
}
|
|
637
|
+
@media (orientation: portrait) {
|
|
638
|
+
#wwa-virtualpad-left {
|
|
639
|
+
width: 40vmin;
|
|
640
|
+
height: 40vmin;
|
|
641
|
+
}
|
|
642
|
+
}
|
|
643
|
+
@media (orientation: landscape) {
|
|
644
|
+
#wwa-virtualpad-left {
|
|
645
|
+
width: 48vmin;
|
|
646
|
+
height: 48vmin;
|
|
647
|
+
}
|
|
648
|
+
}
|
|
589
649
|
#wwa-virtualpad-left .wwa-virtualpad__hole {
|
|
590
650
|
grid-column: 2/4;
|
|
591
651
|
grid-row: 2/4;
|
|
@@ -596,7 +656,7 @@ div.savedata > div.ss > span {
|
|
|
596
656
|
#wwa-virtualpad-right {
|
|
597
657
|
right: 0;
|
|
598
658
|
display: grid;
|
|
599
|
-
grid-template: " .
|
|
659
|
+
grid-template: " . . slow slow fast fast " " . . . . . . " 1vmin " . . . enter enter enter" " . . . enter enter enter" "esc esc esc enter enter enter" "esc esc esc . . . " "esc esc esc . . . " " . . . . . . " 1vmin;
|
|
600
660
|
gap: 1vmin;
|
|
601
661
|
margin-right: 6vmin;
|
|
602
662
|
}
|
|
@@ -660,10 +720,6 @@ div.savedata > div.ss > span {
|
|
|
660
720
|
grid-area: esc;
|
|
661
721
|
}
|
|
662
722
|
|
|
663
|
-
#wwa-estimate-button {
|
|
664
|
-
grid-area: estimate;
|
|
665
|
-
}
|
|
666
|
-
|
|
667
723
|
#wwa-slow-button {
|
|
668
724
|
grid-area: slow;
|
|
669
725
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wwawing/styles",
|
|
3
|
-
"version": "3.10.0-beta.
|
|
3
|
+
"version": "3.10.0-beta.2",
|
|
4
4
|
"description": "WWA Wing stylesheet files",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"files": [
|
|
@@ -20,5 +20,5 @@
|
|
|
20
20
|
"ts-node": "^10.8.1",
|
|
21
21
|
"typescript": "^4.7.3"
|
|
22
22
|
},
|
|
23
|
-
"gitHead": "
|
|
23
|
+
"gitHead": "6d3289453a463b5292a66502ed9f7dccfb60fcac"
|
|
24
24
|
}
|