@wwawing/styles 3.9.0-beta.2 → 3.9.0

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.
Files changed (3) hide show
  1. package/output/wwa.css +63 -110
  2. package/output/wwa_classic.css +63 -110
  3. package/package.json +2 -2
package/output/wwa.css CHANGED
@@ -529,152 +529,109 @@ div.savedata > div.ss > span {
529
529
  width: 3em;
530
530
  }
531
531
 
532
- .wwa-virtualpad__button {
533
- background-color: #c0c0c0;
534
- border: 0;
535
- color: #000;
536
- font-weight: 700;
537
- opacity: 0.75;
538
- text-align: center;
539
- -moz-appearance: none;
540
- -webkit-appearance: none;
541
- -webkit-touch-callout: none;
542
- -webkit-user-select: none;
543
- }
544
-
545
- #wwa-enter-button,
546
- #wwa-esc-button,
547
- #wwa-estimate-button {
548
- font-size: 35px;
549
- height: 16vmin;
550
- width: 16vmin;
551
- border-radius: 50%;
552
- }
553
-
554
- #wwa-up-button,
555
- #wwa-right-button,
556
- #wwa-down-button,
557
- #wwa-left-button {
558
- font-size: 35px;
559
- height: 20vmin;
560
- width: 20vmin;
561
- }
562
-
563
- #wwa-slow-button,
564
- #wwa-fast-button {
565
- font-size: 25px;
566
- height: 10vmin;
567
- width: 16vmin;
568
- border-radius: 0.75rem;
569
- }
570
-
571
532
  #wwa-virtualpad-left,
572
533
  #wwa-virtualpad-right {
573
- bottom: 20vmin;
534
+ bottom: 0;
574
535
  position: fixed;
575
- pointer-events: none;
576
536
  }
577
537
 
578
538
  #wwa-virtualpad-left {
579
539
  left: 0;
580
- display: grid;
581
- grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
582
- grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
583
- width: 40vmin;
584
- height: 40vmin;
585
- transform: rotate(45deg);
586
- gap: 4px;
587
- margin-left: 6vmin;
588
- }
589
- #wwa-virtualpad-left .wwa-virtualpad__hole {
590
- grid-column: 2/4;
591
- grid-row: 2/4;
592
- background-color: #808080;
593
- border-radius: 50%;
540
+ }
541
+ #wwa-virtualpad-left .virtualpad_move button {
542
+ border-radius: 1rem;
594
543
  }
595
544
 
596
545
  #wwa-virtualpad-right {
597
546
  right: 0;
598
- display: grid;
599
- grid-template: " . slow " " . fast " " . . " 20px " . estimate" " . estimate" " . enter " "esc enter " "esc . " " . . " 1vmin;
600
- gap: 1vmin;
601
- margin-right: 6vmin;
602
547
  }
603
-
604
- .wwa-virtualpad__button {
605
- pointer-events: auto;
548
+ #wwa-virtualpad-right .virtualpad_select button {
549
+ border-radius: 50%;
606
550
  }
607
- .wwa-virtualpad__button--pressed {
608
- background-color: #808080;
551
+ #wwa-virtualpad-right .virtualpad_speedcontrol button {
552
+ font-size: 30px;
553
+ height: 50px;
554
+ width: 90px;
609
555
  }
610
556
 
611
- #wwa-up-button::before,
612
- #wwa-right-button::before,
613
- #wwa-down-button::before,
614
- #wwa-left-button::before {
615
- transform: rotate(-45deg);
616
- display: block;
557
+ #wwa-virtualpad-left button,
558
+ #wwa-virtualpad-right button {
559
+ background-color: #c0c0c0;
560
+ border: 0;
561
+ color: #000;
562
+ opacity: 0.75;
617
563
  }
618
564
 
619
- #wwa-up-button {
620
- grid-column: 1/3;
621
- grid-row: 1/3;
622
- border-radius: 100% 0 0 0;
565
+ #wwa-virtualpad-left .virtualpad_move button,
566
+ #wwa-virtualpad-right .virtualpad_select button {
567
+ font-size: 50px;
568
+ height: 100px;
569
+ width: 100px;
623
570
  }
624
- #wwa-up-button::before {
625
- content: "△";
571
+
572
+ #wwa-virtualpad-left .virtualpad_move,
573
+ #wwa-virtualpad-right .virtualpad_select,
574
+ #wwa-virtualpad-right .virtualpad_speedcontrol {
575
+ display: grid;
626
576
  }
627
577
 
628
- #wwa-right-button {
629
- grid-column: 3/5;
630
- grid-row: 1/3;
631
- border-radius: 0 100% 0 0;
578
+ #wwa-virtualpad-left .virtualpad_move {
579
+ grid-template-columns: repeat(3, 1fr);
632
580
  }
633
- #wwa-right-button::before {
634
- content: "▷";
581
+
582
+ #wwa-virtualpad-right .virtualpad_select,
583
+ #wwa-virtualpad-right .virtualpad_speedcontrol {
584
+ grid-template-columns: repeat(2, 1fr);
585
+ }
586
+
587
+ #wwa-virtualpad-right .virtualpad_speedcontrol {
588
+ margin-bottom: 16px;
635
589
  }
636
590
 
637
- #wwa-down-button {
638
- grid-column: 3/5;
639
- grid-row: 3/5;
640
- border-radius: 0 0 100% 0;
591
+ #wwa-top-button {
592
+ grid-column-start: 2;
593
+ grid-row-start: 1;
641
594
  }
642
- #wwa-down-button::before {
643
- content: "▽";
595
+
596
+ #wwa-left-button,
597
+ #wwa-right-button {
598
+ grid-row-start: 2;
644
599
  }
645
600
 
646
601
  #wwa-left-button {
647
- grid-column: 1/3;
648
- grid-row: 3/5;
649
- border-radius: 0 0 0 100%;
602
+ grid-column-start: 1;
650
603
  }
651
- #wwa-left-button::before {
652
- content: "◁";
604
+
605
+ #wwa-right-button {
606
+ grid-column-start: 3;
653
607
  }
654
608
 
655
- #wwa-enter-button {
656
- grid-area: enter;
609
+ #wwa-bottom-button {
610
+ grid-column-start: 2;
611
+ grid-row-start: 3;
657
612
  }
658
613
 
659
- #wwa-esc-button {
660
- grid-area: esc;
614
+ #wwa-y-button {
615
+ grid-column-start: 2;
616
+ grid-row-start: 3;
661
617
  }
662
618
 
663
- #wwa-estimate-button {
664
- grid-area: estimate;
619
+ #wwa-n-button {
620
+ grid-column-start: 1;
621
+ grid-row-start: 4;
665
622
  }
666
623
 
667
- #wwa-slow-button {
668
- grid-area: slow;
624
+ #wwa-m-button {
625
+ grid-column-start: 1;
626
+ grid-row-start: 2;
669
627
  }
670
628
 
671
- #wwa-fast-button {
672
- grid-area: fast;
629
+ #wwa-i-button {
630
+ border-radius: 1rem 0 0 1rem;
673
631
  }
674
632
 
675
- #virtualpad-controller {
676
- margin: 1rem;
677
- text-align: center;
633
+ #wwa-p-button {
634
+ border-radius: 0 1rem 1rem 0;
678
635
  }
679
636
 
680
637
  /*
@@ -934,8 +891,4 @@ div#wwa-sidebar {
934
891
 
935
892
  #wwa-virtualpad-right {
936
893
  z-index: 501;
937
- }
938
-
939
- .wwa-virtualpad__hole {
940
- z-index: 502;
941
894
  }
package/output/wwa_classic.css CHANGED
@@ -529,152 +529,109 @@ div.savedata > div.ss > span {
529
529
  width: 3em;
530
530
  }
531
531
 
532
- .wwa-virtualpad__button {
533
- background-color: #c0c0c0;
534
- border: 0;
535
- color: #000;
536
- font-weight: 700;
537
- opacity: 0.75;
538
- text-align: center;
539
- -moz-appearance: none;
540
- -webkit-appearance: none;
541
- -webkit-touch-callout: none;
542
- -webkit-user-select: none;
543
- }
544
-
545
- #wwa-enter-button,
546
- #wwa-esc-button,
547
- #wwa-estimate-button {
548
- font-size: 35px;
549
- height: 16vmin;
550
- width: 16vmin;
551
- border-radius: 50%;
552
- }
553
-
554
- #wwa-up-button,
555
- #wwa-right-button,
556
- #wwa-down-button,
557
- #wwa-left-button {
558
- font-size: 35px;
559
- height: 20vmin;
560
- width: 20vmin;
561
- }
562
-
563
- #wwa-slow-button,
564
- #wwa-fast-button {
565
- font-size: 25px;
566
- height: 10vmin;
567
- width: 16vmin;
568
- border-radius: 0.75rem;
569
- }
570
-
571
532
  #wwa-virtualpad-left,
572
533
  #wwa-virtualpad-right {
573
- bottom: 20vmin;
534
+ bottom: 0;
574
535
  position: fixed;
575
- pointer-events: none;
576
536
  }
577
537
 
578
538
  #wwa-virtualpad-left {
579
539
  left: 0;
580
- display: grid;
581
- grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
582
- grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
583
- width: 40vmin;
584
- height: 40vmin;
585
- transform: rotate(45deg);
586
- gap: 4px;
587
- margin-left: 6vmin;
588
- }
589
- #wwa-virtualpad-left .wwa-virtualpad__hole {
590
- grid-column: 2/4;
591
- grid-row: 2/4;
592
- background-color: #808080;
593
- border-radius: 50%;
540
+ }
541
+ #wwa-virtualpad-left .virtualpad_move button {
542
+ border-radius: 1rem;
594
543
  }
595
544
 
596
545
  #wwa-virtualpad-right {
597
546
  right: 0;
598
- display: grid;
599
- grid-template: " . slow " " . fast " " . . " 20px " . estimate" " . estimate" " . enter " "esc enter " "esc . " " . . " 1vmin;
600
- gap: 1vmin;
601
- margin-right: 6vmin;
602
547
  }
603
-
604
- .wwa-virtualpad__button {
605
- pointer-events: auto;
548
+ #wwa-virtualpad-right .virtualpad_select button {
549
+ border-radius: 50%;
606
550
  }
607
- .wwa-virtualpad__button--pressed {
608
- background-color: #808080;
551
+ #wwa-virtualpad-right .virtualpad_speedcontrol button {
552
+ font-size: 30px;
553
+ height: 50px;
554
+ width: 90px;
609
555
  }
610
556
 
611
- #wwa-up-button::before,
612
- #wwa-right-button::before,
613
- #wwa-down-button::before,
614
- #wwa-left-button::before {
615
- transform: rotate(-45deg);
616
- display: block;
557
+ #wwa-virtualpad-left button,
558
+ #wwa-virtualpad-right button {
559
+ background-color: #c0c0c0;
560
+ border: 0;
561
+ color: #000;
562
+ opacity: 0.75;
617
563
  }
618
564
 
619
- #wwa-up-button {
620
- grid-column: 1/3;
621
- grid-row: 1/3;
622
- border-radius: 100% 0 0 0;
565
+ #wwa-virtualpad-left .virtualpad_move button,
566
+ #wwa-virtualpad-right .virtualpad_select button {
567
+ font-size: 50px;
568
+ height: 100px;
569
+ width: 100px;
623
570
  }
624
- #wwa-up-button::before {
625
- content: "△";
571
+
572
+ #wwa-virtualpad-left .virtualpad_move,
573
+ #wwa-virtualpad-right .virtualpad_select,
574
+ #wwa-virtualpad-right .virtualpad_speedcontrol {
575
+ display: grid;
626
576
  }
627
577
 
628
- #wwa-right-button {
629
- grid-column: 3/5;
630
- grid-row: 1/3;
631
- border-radius: 0 100% 0 0;
578
+ #wwa-virtualpad-left .virtualpad_move {
579
+ grid-template-columns: repeat(3, 1fr);
632
580
  }
633
- #wwa-right-button::before {
634
- content: "▷";
581
+
582
+ #wwa-virtualpad-right .virtualpad_select,
583
+ #wwa-virtualpad-right .virtualpad_speedcontrol {
584
+ grid-template-columns: repeat(2, 1fr);
585
+ }
586
+
587
+ #wwa-virtualpad-right .virtualpad_speedcontrol {
588
+ margin-bottom: 16px;
635
589
  }
636
590
 
637
- #wwa-down-button {
638
- grid-column: 3/5;
639
- grid-row: 3/5;
640
- border-radius: 0 0 100% 0;
591
+ #wwa-top-button {
592
+ grid-column-start: 2;
593
+ grid-row-start: 1;
641
594
  }
642
- #wwa-down-button::before {
643
- content: "▽";
595
+
596
+ #wwa-left-button,
597
+ #wwa-right-button {
598
+ grid-row-start: 2;
644
599
  }
645
600
 
646
601
  #wwa-left-button {
647
- grid-column: 1/3;
648
- grid-row: 3/5;
649
- border-radius: 0 0 0 100%;
602
+ grid-column-start: 1;
650
603
  }
651
- #wwa-left-button::before {
652
- content: "◁";
604
+
605
+ #wwa-right-button {
606
+ grid-column-start: 3;
653
607
  }
654
608
 
655
- #wwa-enter-button {
656
- grid-area: enter;
609
+ #wwa-bottom-button {
610
+ grid-column-start: 2;
611
+ grid-row-start: 3;
657
612
  }
658
613
 
659
- #wwa-esc-button {
660
- grid-area: esc;
614
+ #wwa-y-button {
615
+ grid-column-start: 2;
616
+ grid-row-start: 3;
661
617
  }
662
618
 
663
- #wwa-estimate-button {
664
- grid-area: estimate;
619
+ #wwa-n-button {
620
+ grid-column-start: 1;
621
+ grid-row-start: 4;
665
622
  }
666
623
 
667
- #wwa-slow-button {
668
- grid-area: slow;
624
+ #wwa-m-button {
625
+ grid-column-start: 1;
626
+ grid-row-start: 2;
669
627
  }
670
628
 
671
- #wwa-fast-button {
672
- grid-area: fast;
629
+ #wwa-i-button {
630
+ border-radius: 1rem 0 0 1rem;
673
631
  }
674
632
 
675
- #virtualpad-controller {
676
- margin: 1rem;
677
- text-align: center;
633
+ #wwa-p-button {
634
+ border-radius: 0 1rem 1rem 0;
678
635
  }
679
636
 
680
637
  /*
@@ -936,10 +893,6 @@ div#wwa-sidebar {
936
893
  z-index: 501;
937
894
  }
938
895
 
939
- .wwa-virtualpad__hole {
940
- z-index: 502;
941
- }
942
-
943
896
  .wwa-size-box {
944
897
  text-shadow: 1px 0px 0 gray;
945
898
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wwawing/styles",
3
- "version": "3.9.0-beta.2",
3
+ "version": "3.9.0",
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": "a736ed0e709d1049bbd3c3f4b521790161ba2d50"
23
+ "gitHead": "32c2e708c4d92bceb1847063e35a9ade661f4e93"
24
24
  }