brick-engine-js 1.0.24 → 1.0.26
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/dist/css/game.bundle.css +8 -97
- package/package.json +1 -1
package/dist/css/game.bundle.css
CHANGED
|
@@ -702,7 +702,7 @@ body {
|
|
|
702
702
|
justify-content: center;
|
|
703
703
|
align-items: center;
|
|
704
704
|
|
|
705
|
-
background:
|
|
705
|
+
background: #009ef7;
|
|
706
706
|
background: linear-gradient(300deg, rgb(48, 179, 255) 0%, rgba(0, 158, 247, 1) 100%);
|
|
707
707
|
}
|
|
708
708
|
|
|
@@ -716,107 +716,18 @@ body {
|
|
|
716
716
|
}
|
|
717
717
|
|
|
718
718
|
@media only screen and (max-width: 600px) {
|
|
719
|
-
#source-code,
|
|
720
|
-
#controls {
|
|
721
|
-
display: none;
|
|
722
|
-
}
|
|
723
|
-
|
|
724
|
-
body,
|
|
725
719
|
#container {
|
|
726
720
|
width: 100% !important;
|
|
727
|
-
height:
|
|
728
|
-
/* height: 100dvh !important; */
|
|
729
|
-
border-radius: 0px !important;
|
|
730
|
-
}
|
|
731
|
-
|
|
732
|
-
#frame > canvas {
|
|
733
|
-
width: 85% !important;
|
|
734
|
-
height: auto !important;
|
|
735
|
-
aspect-ratio: 9/10 !important;
|
|
736
|
-
}
|
|
737
|
-
|
|
738
|
-
#frame {
|
|
739
|
-
width: 85% !important;
|
|
740
|
-
padding: 7.5%¨ !important;
|
|
741
|
-
}
|
|
742
|
-
|
|
743
|
-
#small-button-container {
|
|
744
|
-
margin-top: 3.5%;
|
|
745
|
-
}
|
|
746
|
-
#direction-vertical-container,
|
|
747
|
-
#direction-horizontal-container {
|
|
748
|
-
gap: calc(var(--width) * 0.13);
|
|
749
|
-
}
|
|
750
|
-
|
|
751
|
-
#large-button-container {
|
|
752
|
-
flex-shrink: 1.75;
|
|
753
|
-
}
|
|
754
|
-
|
|
755
|
-
.sm-btn {
|
|
756
|
-
width: var(--sm-button-size-mobile) !important;
|
|
757
|
-
height: var(--sm-button-size-mobile) !important;
|
|
758
|
-
}
|
|
721
|
+
height: 100% !important;
|
|
759
722
|
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
font-size: var(--button-size-mobile-font-size) !important;
|
|
765
|
-
}
|
|
766
|
-
|
|
767
|
-
.lg-btn {
|
|
768
|
-
width: var(--lg-button-size-mobile) !important;
|
|
769
|
-
height: var(--lg-button-size-mobile) !important;
|
|
770
|
-
font-size: var(--lg-button-size-mobile-font-size) !important;
|
|
771
|
-
}
|
|
772
|
-
|
|
773
|
-
.sm-btn-p {
|
|
774
|
-
font-size: var(--sm-button-size-mobile-font-size) !important;
|
|
775
|
-
line-height: var(--sm-button-size-mobile-line-height) !important;
|
|
776
|
-
}
|
|
777
|
-
}
|
|
778
|
-
|
|
779
|
-
@media only screen and (max-width: 990px) {
|
|
780
|
-
#wasd {
|
|
781
|
-
width: 10.5rem !important;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
|
-
.key {
|
|
785
|
-
width: 3rem !important;
|
|
786
|
-
}
|
|
787
|
-
|
|
788
|
-
.key-description {
|
|
789
|
-
font-size: 1.5rem !important;
|
|
790
|
-
}
|
|
791
|
-
|
|
792
|
-
.command {
|
|
793
|
-
gap: 0.5rem !important;
|
|
794
|
-
}
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
@media only screen and (max-width: 815px) {
|
|
798
|
-
#controls-tutorial {
|
|
799
|
-
gap: 0rem;
|
|
800
|
-
flex-direction: column !important;
|
|
801
|
-
}
|
|
802
|
-
}
|
|
803
|
-
|
|
804
|
-
@media only screen and (max-width: 750px) {
|
|
805
|
-
.key-description {
|
|
806
|
-
font-size: 1.2rem !important;
|
|
807
|
-
}
|
|
808
|
-
}
|
|
809
|
-
|
|
810
|
-
@media only screen and (max-width: 650px) {
|
|
811
|
-
#wasd {
|
|
812
|
-
width: 9rem !important;
|
|
723
|
+
border-radius: 0px !important;
|
|
724
|
+
border: 0px !important;
|
|
725
|
+
overflow-y: hidden !important;
|
|
726
|
+
touch-action: none !important;
|
|
813
727
|
}
|
|
814
728
|
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
}
|
|
818
|
-
.key-description {
|
|
819
|
-
font-size: 1rem !important;
|
|
729
|
+
#debugger {
|
|
730
|
+
display: none !important;
|
|
820
731
|
}
|
|
821
732
|
}
|
|
822
733
|
|