@wwawing/styles 4.0.0 → 4.0.3

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 (4) hide show
  1. package/LICENSE +2 -2
  2. package/output/wwa.css +44 -26
  3. package/output/wwa_classic.css +44 -26
  4. package/package.json +4 -4
package/LICENSE CHANGED
@@ -1,7 +1,7 @@
1
1
  The MIT License (MIT)
2
2
 
3
- Copyright (c) 1996-2025 NAO
4
- Copyright (c) 2015-2025 WWA Wing Team
3
+ Copyright (c) 1996-2026 NAO
4
+ Copyright (c) 2015-2026 WWA Wing Team
5
5
 
6
6
  Permission is hereby granted, free of charge, to any person obtaining a copy
7
7
  of this software and associated documentation files (the "Software"), to deal
package/output/wwa.css CHANGED
@@ -525,8 +525,13 @@ div.savedata > div.ss > span {
525
525
  .wwa-vardump-wrapper > .user-variable-list-section + .user-variable-list-section {
526
526
  margin-top: 16px;
527
527
  }
528
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=numbered] > .user-variable-list {
529
+ display: grid;
530
+ grid-template-columns: repeat(10, 1fr);
531
+ }
528
532
  .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list {
529
- --wwa-vardump-grid-column-num: 5;
533
+ display: flex;
534
+ flex-wrap: wrap;
530
535
  }
531
536
  .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card {
532
537
  white-space: nowrap;
@@ -534,8 +539,12 @@ div.savedata > div.ss > span {
534
539
  }
535
540
  .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .index, .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .value {
536
541
  width: 100%;
542
+ overflow-x: auto;
543
+ overflow-y: hidden;
544
+ scrollbar-width: thin;
545
+ }
546
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card.user-variable-card--is-trimmed > .index, .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card.user-variable-card--is-trimmed > .value {
537
547
  text-overflow: ellipsis;
538
- overflow: hidden;
539
548
  }
540
549
  .wwa-vardump-wrapper > .user-variable-list-section > header {
541
550
  margin: 8px;
@@ -560,9 +569,10 @@ div.savedata > div.ss > span {
560
569
  .wwa-vardump-wrapper > .user-variable-list-section > header > .information[aria-hidden=true] {
561
570
  display: none;
562
571
  }
572
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
573
+ display: none;
574
+ }
563
575
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list {
564
- display: grid;
565
- grid-template-columns: repeat(var(--wwa-vardump-grid-column-num, 10), 1fr);
566
576
  margin: 0 8px 8px 8px;
567
577
  padding: 0;
568
578
  width: calc(100% - 16px);
@@ -571,9 +581,6 @@ div.savedata > div.ss > span {
571
581
  border-spacing: 1px;
572
582
  list-style: none;
573
583
  }
574
- .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
575
- display: none;
576
- }
577
584
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card {
578
585
  margin: 1px;
579
586
  }
@@ -624,22 +631,25 @@ div.savedata > div.ss > span {
624
631
  #wwa-enter-button,
625
632
  #wwa-esc-button {
626
633
  font-size: 35px;
627
- border-radius: 50%;
628
634
  }
629
635
  @media (orientation: portrait) {
630
636
  #wwa-enter-button,
631
- #wwa-esc-button {
637
+ #wwa-esc-button {
632
638
  width: 21vmin;
633
639
  height: 21vmin;
634
640
  }
635
641
  }
636
642
  @media (orientation: landscape) {
637
643
  #wwa-enter-button,
638
- #wwa-esc-button {
644
+ #wwa-esc-button {
639
645
  width: 30vmin;
640
646
  height: 30vmin;
641
647
  }
642
648
  }
649
+ #wwa-enter-button,
650
+ #wwa-esc-button {
651
+ border-radius: 50%;
652
+ }
643
653
 
644
654
  #wwa-up-button,
645
655
  #wwa-right-button,
@@ -649,18 +659,18 @@ div.savedata > div.ss > span {
649
659
  }
650
660
  @media (orientation: portrait) {
651
661
  #wwa-up-button,
652
- #wwa-right-button,
653
- #wwa-down-button,
654
- #wwa-left-button {
662
+ #wwa-right-button,
663
+ #wwa-down-button,
664
+ #wwa-left-button {
655
665
  width: 20vmin;
656
666
  height: 20vmin;
657
667
  }
658
668
  }
659
669
  @media (orientation: landscape) {
660
670
  #wwa-up-button,
661
- #wwa-right-button,
662
- #wwa-down-button,
663
- #wwa-left-button {
671
+ #wwa-right-button,
672
+ #wwa-down-button,
673
+ #wwa-left-button {
664
674
  width: 24vmin;
665
675
  height: 24vmin;
666
676
  }
@@ -670,48 +680,51 @@ div.savedata > div.ss > span {
670
680
  #wwa-fast-button {
671
681
  font-size: 25px;
672
682
  height: 10vmin;
673
- border-radius: 0.75rem;
674
683
  }
675
684
  @media (orientation: portrait) {
676
685
  #wwa-slow-button,
677
- #wwa-fast-button {
686
+ #wwa-fast-button {
678
687
  width: 14vmin;
679
688
  }
680
689
  }
681
690
  @media (orientation: landscape) {
682
691
  #wwa-slow-button,
683
- #wwa-fast-button {
692
+ #wwa-fast-button {
684
693
  width: 20vmin;
685
694
  }
686
695
  }
696
+ #wwa-slow-button,
697
+ #wwa-fast-button {
698
+ border-radius: 0.75rem;
699
+ }
687
700
 
688
701
  #wwa-virtualpad-left,
689
702
  #wwa-virtualpad-right {
690
703
  visibility: hidden;
691
- position: fixed;
692
- pointer-events: none;
693
704
  }
694
705
  @media (orientation: portrait) {
695
706
  #wwa-virtualpad-left,
696
- #wwa-virtualpad-right {
707
+ #wwa-virtualpad-right {
697
708
  bottom: 30vh;
698
709
  }
699
710
  }
700
711
  @media (orientation: landscape) {
701
712
  #wwa-virtualpad-left,
702
- #wwa-virtualpad-right {
713
+ #wwa-virtualpad-right {
703
714
  bottom: 20vh;
704
715
  }
705
716
  }
717
+ #wwa-virtualpad-left,
718
+ #wwa-virtualpad-right {
719
+ position: fixed;
720
+ pointer-events: none;
721
+ }
706
722
 
707
723
  #wwa-virtualpad-left {
708
724
  left: 0;
709
725
  display: grid;
710
726
  grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
711
727
  grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
712
- transform: rotate(45deg);
713
- gap: 4px;
714
- margin-left: 6vmin;
715
728
  }
716
729
  @media (orientation: portrait) {
717
730
  #wwa-virtualpad-left {
@@ -725,6 +738,11 @@ div.savedata > div.ss > span {
725
738
  height: 48vmin;
726
739
  }
727
740
  }
741
+ #wwa-virtualpad-left {
742
+ transform: rotate(45deg);
743
+ gap: 4px;
744
+ margin-left: 6vmin;
745
+ }
728
746
  #wwa-virtualpad-left .wwa-virtualpad__hole {
729
747
  grid-column: 2/4;
730
748
  grid-row: 2/4;
package/output/wwa_classic.css CHANGED
@@ -525,8 +525,13 @@ div.savedata > div.ss > span {
525
525
  .wwa-vardump-wrapper > .user-variable-list-section + .user-variable-list-section {
526
526
  margin-top: 16px;
527
527
  }
528
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=numbered] > .user-variable-list {
529
+ display: grid;
530
+ grid-template-columns: repeat(10, 1fr);
531
+ }
528
532
  .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list {
529
- --wwa-vardump-grid-column-num: 5;
533
+ display: flex;
534
+ flex-wrap: wrap;
530
535
  }
531
536
  .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card {
532
537
  white-space: nowrap;
@@ -534,8 +539,12 @@ div.savedata > div.ss > span {
534
539
  }
535
540
  .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .index, .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card > .value {
536
541
  width: 100%;
542
+ overflow-x: auto;
543
+ overflow-y: hidden;
544
+ scrollbar-width: thin;
545
+ }
546
+ .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card.user-variable-card--is-trimmed > .index, .wwa-vardump-wrapper > .user-variable-list-section[data-kind=named] > .user-variable-list > li > .user-variable-card.user-variable-card--is-trimmed > .value {
537
547
  text-overflow: ellipsis;
538
- overflow: hidden;
539
548
  }
540
549
  .wwa-vardump-wrapper > .user-variable-list-section > header {
541
550
  margin: 8px;
@@ -560,9 +569,10 @@ div.savedata > div.ss > span {
560
569
  .wwa-vardump-wrapper > .user-variable-list-section > header > .information[aria-hidden=true] {
561
570
  display: none;
562
571
  }
572
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
573
+ display: none;
574
+ }
563
575
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list {
564
- display: grid;
565
- grid-template-columns: repeat(var(--wwa-vardump-grid-column-num, 10), 1fr);
566
576
  margin: 0 8px 8px 8px;
567
577
  padding: 0;
568
578
  width: calc(100% - 16px);
@@ -571,9 +581,6 @@ div.savedata > div.ss > span {
571
581
  border-spacing: 1px;
572
582
  list-style: none;
573
583
  }
574
- .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
575
- display: none;
576
- }
577
584
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card {
578
585
  margin: 1px;
579
586
  }
@@ -624,22 +631,25 @@ div.savedata > div.ss > span {
624
631
  #wwa-enter-button,
625
632
  #wwa-esc-button {
626
633
  font-size: 35px;
627
- border-radius: 50%;
628
634
  }
629
635
  @media (orientation: portrait) {
630
636
  #wwa-enter-button,
631
- #wwa-esc-button {
637
+ #wwa-esc-button {
632
638
  width: 21vmin;
633
639
  height: 21vmin;
634
640
  }
635
641
  }
636
642
  @media (orientation: landscape) {
637
643
  #wwa-enter-button,
638
- #wwa-esc-button {
644
+ #wwa-esc-button {
639
645
  width: 30vmin;
640
646
  height: 30vmin;
641
647
  }
642
648
  }
649
+ #wwa-enter-button,
650
+ #wwa-esc-button {
651
+ border-radius: 50%;
652
+ }
643
653
 
644
654
  #wwa-up-button,
645
655
  #wwa-right-button,
@@ -649,18 +659,18 @@ div.savedata > div.ss > span {
649
659
  }
650
660
  @media (orientation: portrait) {
651
661
  #wwa-up-button,
652
- #wwa-right-button,
653
- #wwa-down-button,
654
- #wwa-left-button {
662
+ #wwa-right-button,
663
+ #wwa-down-button,
664
+ #wwa-left-button {
655
665
  width: 20vmin;
656
666
  height: 20vmin;
657
667
  }
658
668
  }
659
669
  @media (orientation: landscape) {
660
670
  #wwa-up-button,
661
- #wwa-right-button,
662
- #wwa-down-button,
663
- #wwa-left-button {
671
+ #wwa-right-button,
672
+ #wwa-down-button,
673
+ #wwa-left-button {
664
674
  width: 24vmin;
665
675
  height: 24vmin;
666
676
  }
@@ -670,48 +680,51 @@ div.savedata > div.ss > span {
670
680
  #wwa-fast-button {
671
681
  font-size: 25px;
672
682
  height: 10vmin;
673
- border-radius: 0.75rem;
674
683
  }
675
684
  @media (orientation: portrait) {
676
685
  #wwa-slow-button,
677
- #wwa-fast-button {
686
+ #wwa-fast-button {
678
687
  width: 14vmin;
679
688
  }
680
689
  }
681
690
  @media (orientation: landscape) {
682
691
  #wwa-slow-button,
683
- #wwa-fast-button {
692
+ #wwa-fast-button {
684
693
  width: 20vmin;
685
694
  }
686
695
  }
696
+ #wwa-slow-button,
697
+ #wwa-fast-button {
698
+ border-radius: 0.75rem;
699
+ }
687
700
 
688
701
  #wwa-virtualpad-left,
689
702
  #wwa-virtualpad-right {
690
703
  visibility: hidden;
691
- position: fixed;
692
- pointer-events: none;
693
704
  }
694
705
  @media (orientation: portrait) {
695
706
  #wwa-virtualpad-left,
696
- #wwa-virtualpad-right {
707
+ #wwa-virtualpad-right {
697
708
  bottom: 30vh;
698
709
  }
699
710
  }
700
711
  @media (orientation: landscape) {
701
712
  #wwa-virtualpad-left,
702
- #wwa-virtualpad-right {
713
+ #wwa-virtualpad-right {
703
714
  bottom: 20vh;
704
715
  }
705
716
  }
717
+ #wwa-virtualpad-left,
718
+ #wwa-virtualpad-right {
719
+ position: fixed;
720
+ pointer-events: none;
721
+ }
706
722
 
707
723
  #wwa-virtualpad-left {
708
724
  left: 0;
709
725
  display: grid;
710
726
  grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
711
727
  grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
712
- transform: rotate(45deg);
713
- gap: 4px;
714
- margin-left: 6vmin;
715
728
  }
716
729
  @media (orientation: portrait) {
717
730
  #wwa-virtualpad-left {
@@ -725,6 +738,11 @@ div.savedata > div.ss > span {
725
738
  height: 48vmin;
726
739
  }
727
740
  }
741
+ #wwa-virtualpad-left {
742
+ transform: rotate(45deg);
743
+ gap: 4px;
744
+ margin-left: 6vmin;
745
+ }
728
746
  #wwa-virtualpad-left .wwa-virtualpad__hole {
729
747
  grid-column: 2/4;
730
748
  grid-row: 2/4;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wwawing/styles",
3
- "version": "4.0.0",
3
+ "version": "4.0.3",
4
4
  "description": "WWA Wing stylesheet files",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -19,11 +19,11 @@
19
19
  "author": "WWA Wing Team",
20
20
  "license": "MIT",
21
21
  "devDependencies": {
22
- "@types/sass": "^1.43.1",
23
- "sass": "^1.55.0",
22
+ "@types/sass": "^1.45.0",
23
+ "sass": "^1.99.0",
24
24
  "shx": "^0.4.0",
25
25
  "ts-node": "^10.9.2",
26
26
  "typescript": "^5.8.3"
27
27
  },
28
- "gitHead": "dd1d570673a896c26cc299f68033abcc3e867e21"
28
+ "gitHead": "c72197df927c7f0c6e16e70c9f13384567350772"
29
29
  }