@wwawing/styles 4.0.2 → 4.0.4

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 CHANGED
@@ -569,6 +569,9 @@ div.savedata > div.ss > span {
569
569
  .wwa-vardump-wrapper > .user-variable-list-section > header > .information[aria-hidden=true] {
570
570
  display: none;
571
571
  }
572
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
573
+ display: none;
574
+ }
572
575
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list {
573
576
  margin: 0 8px 8px 8px;
574
577
  padding: 0;
@@ -578,9 +581,6 @@ div.savedata > div.ss > span {
578
581
  border-spacing: 1px;
579
582
  list-style: none;
580
583
  }
581
- .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
582
- display: none;
583
- }
584
584
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card {
585
585
  margin: 1px;
586
586
  }
@@ -631,22 +631,25 @@ div.savedata > div.ss > span {
631
631
  #wwa-enter-button,
632
632
  #wwa-esc-button {
633
633
  font-size: 35px;
634
- border-radius: 50%;
635
634
  }
636
635
  @media (orientation: portrait) {
637
636
  #wwa-enter-button,
638
- #wwa-esc-button {
637
+ #wwa-esc-button {
639
638
  width: 21vmin;
640
639
  height: 21vmin;
641
640
  }
642
641
  }
643
642
  @media (orientation: landscape) {
644
643
  #wwa-enter-button,
645
- #wwa-esc-button {
644
+ #wwa-esc-button {
646
645
  width: 30vmin;
647
646
  height: 30vmin;
648
647
  }
649
648
  }
649
+ #wwa-enter-button,
650
+ #wwa-esc-button {
651
+ border-radius: 50%;
652
+ }
650
653
 
651
654
  #wwa-up-button,
652
655
  #wwa-right-button,
@@ -656,18 +659,18 @@ div.savedata > div.ss > span {
656
659
  }
657
660
  @media (orientation: portrait) {
658
661
  #wwa-up-button,
659
- #wwa-right-button,
660
- #wwa-down-button,
661
- #wwa-left-button {
662
+ #wwa-right-button,
663
+ #wwa-down-button,
664
+ #wwa-left-button {
662
665
  width: 20vmin;
663
666
  height: 20vmin;
664
667
  }
665
668
  }
666
669
  @media (orientation: landscape) {
667
670
  #wwa-up-button,
668
- #wwa-right-button,
669
- #wwa-down-button,
670
- #wwa-left-button {
671
+ #wwa-right-button,
672
+ #wwa-down-button,
673
+ #wwa-left-button {
671
674
  width: 24vmin;
672
675
  height: 24vmin;
673
676
  }
@@ -677,48 +680,51 @@ div.savedata > div.ss > span {
677
680
  #wwa-fast-button {
678
681
  font-size: 25px;
679
682
  height: 10vmin;
680
- border-radius: 0.75rem;
681
683
  }
682
684
  @media (orientation: portrait) {
683
685
  #wwa-slow-button,
684
- #wwa-fast-button {
686
+ #wwa-fast-button {
685
687
  width: 14vmin;
686
688
  }
687
689
  }
688
690
  @media (orientation: landscape) {
689
691
  #wwa-slow-button,
690
- #wwa-fast-button {
692
+ #wwa-fast-button {
691
693
  width: 20vmin;
692
694
  }
693
695
  }
696
+ #wwa-slow-button,
697
+ #wwa-fast-button {
698
+ border-radius: 0.75rem;
699
+ }
694
700
 
695
701
  #wwa-virtualpad-left,
696
702
  #wwa-virtualpad-right {
697
703
  visibility: hidden;
698
- position: fixed;
699
- pointer-events: none;
700
704
  }
701
705
  @media (orientation: portrait) {
702
706
  #wwa-virtualpad-left,
703
- #wwa-virtualpad-right {
707
+ #wwa-virtualpad-right {
704
708
  bottom: 30vh;
705
709
  }
706
710
  }
707
711
  @media (orientation: landscape) {
708
712
  #wwa-virtualpad-left,
709
- #wwa-virtualpad-right {
713
+ #wwa-virtualpad-right {
710
714
  bottom: 20vh;
711
715
  }
712
716
  }
717
+ #wwa-virtualpad-left,
718
+ #wwa-virtualpad-right {
719
+ position: fixed;
720
+ pointer-events: none;
721
+ }
713
722
 
714
723
  #wwa-virtualpad-left {
715
724
  left: 0;
716
725
  display: grid;
717
726
  grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
718
727
  grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
719
- transform: rotate(45deg);
720
- gap: 4px;
721
- margin-left: 6vmin;
722
728
  }
723
729
  @media (orientation: portrait) {
724
730
  #wwa-virtualpad-left {
@@ -732,6 +738,11 @@ div.savedata > div.ss > span {
732
738
  height: 48vmin;
733
739
  }
734
740
  }
741
+ #wwa-virtualpad-left {
742
+ transform: rotate(45deg);
743
+ gap: 4px;
744
+ margin-left: 6vmin;
745
+ }
735
746
  #wwa-virtualpad-left .wwa-virtualpad__hole {
736
747
  grid-column: 2/4;
737
748
  grid-row: 2/4;
@@ -569,6 +569,9 @@ div.savedata > div.ss > span {
569
569
  .wwa-vardump-wrapper > .user-variable-list-section > header > .information[aria-hidden=true] {
570
570
  display: none;
571
571
  }
572
+ .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
573
+ display: none;
574
+ }
572
575
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list {
573
576
  margin: 0 8px 8px 8px;
574
577
  padding: 0;
@@ -578,9 +581,6 @@ div.savedata > div.ss > span {
578
581
  border-spacing: 1px;
579
582
  list-style: none;
580
583
  }
581
- .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list[aria-hidden=true] {
582
- display: none;
583
- }
584
584
  .wwa-vardump-wrapper > .user-variable-list-section > .user-variable-list > li > .user-variable-card {
585
585
  margin: 1px;
586
586
  }
@@ -631,22 +631,25 @@ div.savedata > div.ss > span {
631
631
  #wwa-enter-button,
632
632
  #wwa-esc-button {
633
633
  font-size: 35px;
634
- border-radius: 50%;
635
634
  }
636
635
  @media (orientation: portrait) {
637
636
  #wwa-enter-button,
638
- #wwa-esc-button {
637
+ #wwa-esc-button {
639
638
  width: 21vmin;
640
639
  height: 21vmin;
641
640
  }
642
641
  }
643
642
  @media (orientation: landscape) {
644
643
  #wwa-enter-button,
645
- #wwa-esc-button {
644
+ #wwa-esc-button {
646
645
  width: 30vmin;
647
646
  height: 30vmin;
648
647
  }
649
648
  }
649
+ #wwa-enter-button,
650
+ #wwa-esc-button {
651
+ border-radius: 50%;
652
+ }
650
653
 
651
654
  #wwa-up-button,
652
655
  #wwa-right-button,
@@ -656,18 +659,18 @@ div.savedata > div.ss > span {
656
659
  }
657
660
  @media (orientation: portrait) {
658
661
  #wwa-up-button,
659
- #wwa-right-button,
660
- #wwa-down-button,
661
- #wwa-left-button {
662
+ #wwa-right-button,
663
+ #wwa-down-button,
664
+ #wwa-left-button {
662
665
  width: 20vmin;
663
666
  height: 20vmin;
664
667
  }
665
668
  }
666
669
  @media (orientation: landscape) {
667
670
  #wwa-up-button,
668
- #wwa-right-button,
669
- #wwa-down-button,
670
- #wwa-left-button {
671
+ #wwa-right-button,
672
+ #wwa-down-button,
673
+ #wwa-left-button {
671
674
  width: 24vmin;
672
675
  height: 24vmin;
673
676
  }
@@ -677,48 +680,51 @@ div.savedata > div.ss > span {
677
680
  #wwa-fast-button {
678
681
  font-size: 25px;
679
682
  height: 10vmin;
680
- border-radius: 0.75rem;
681
683
  }
682
684
  @media (orientation: portrait) {
683
685
  #wwa-slow-button,
684
- #wwa-fast-button {
686
+ #wwa-fast-button {
685
687
  width: 14vmin;
686
688
  }
687
689
  }
688
690
  @media (orientation: landscape) {
689
691
  #wwa-slow-button,
690
- #wwa-fast-button {
692
+ #wwa-fast-button {
691
693
  width: 20vmin;
692
694
  }
693
695
  }
696
+ #wwa-slow-button,
697
+ #wwa-fast-button {
698
+ border-radius: 0.75rem;
699
+ }
694
700
 
695
701
  #wwa-virtualpad-left,
696
702
  #wwa-virtualpad-right {
697
703
  visibility: hidden;
698
- position: fixed;
699
- pointer-events: none;
700
704
  }
701
705
  @media (orientation: portrait) {
702
706
  #wwa-virtualpad-left,
703
- #wwa-virtualpad-right {
707
+ #wwa-virtualpad-right {
704
708
  bottom: 30vh;
705
709
  }
706
710
  }
707
711
  @media (orientation: landscape) {
708
712
  #wwa-virtualpad-left,
709
- #wwa-virtualpad-right {
713
+ #wwa-virtualpad-right {
710
714
  bottom: 20vh;
711
715
  }
712
716
  }
717
+ #wwa-virtualpad-left,
718
+ #wwa-virtualpad-right {
719
+ position: fixed;
720
+ pointer-events: none;
721
+ }
713
722
 
714
723
  #wwa-virtualpad-left {
715
724
  left: 0;
716
725
  display: grid;
717
726
  grid-template-columns: 1fr 7.5vmin 7.5vmin 1fr;
718
727
  grid-template-rows: 1fr 7.5vmin 7.5vmin 1fr;
719
- transform: rotate(45deg);
720
- gap: 4px;
721
- margin-left: 6vmin;
722
728
  }
723
729
  @media (orientation: portrait) {
724
730
  #wwa-virtualpad-left {
@@ -732,6 +738,11 @@ div.savedata > div.ss > span {
732
738
  height: 48vmin;
733
739
  }
734
740
  }
741
+ #wwa-virtualpad-left {
742
+ transform: rotate(45deg);
743
+ gap: 4px;
744
+ margin-left: 6vmin;
745
+ }
735
746
  #wwa-virtualpad-left .wwa-virtualpad__hole {
736
747
  grid-column: 2/4;
737
748
  grid-row: 2/4;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wwawing/styles",
3
- "version": "4.0.2",
3
+ "version": "4.0.4",
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": "86e576667cba53fbd81af94aea4a5efb58c2e0c6"
28
+ "gitHead": "37ecfd382f21db043f8241a21ffa76501828d867"
29
29
  }