pixi-rainman-game-engine 0.1.19 → 0.1.21

package/dist/SettingsUI/components/Bet/bet.css

@@ -1,104 +0,0 @@
-.bet-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 50%;
-    margin: 0px 30px;
-}
-
-.bet-container__value {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 150px;
-    height: 60px;
-    border-radius: 60px;
-    border: 2px white;
-    border-style: solid;
-    margin: 0px 10px;
-}
-
-.bet-container__value p {
-    font-size: 25px;
-}
-
-.bet-container__button {
-    height: 62px;
-    width: 62px;
-    font-size: 40px;
-    font-weight: bold;
-    border-radius: 50%;
-    background-color: rgba(0, 0, 0, 0);
-    border: 2px solid white;
-    color: white;
-    text-align: center;
-    cursor: pointer;
-}
-
-.bet-container h2 {
-    text-align: center;
-    color: white;
-    text-transform: uppercase;
-}
-
-.bet-container__controls {
-    display: flex;
-    flex-direction: row;
-}
-
-.bet-container__button:hover {
-    background-color: #fdf42550;
-    color: #fdf425;
-    border: 2px solid #fdf425;
-}
-
-@media only screen and (max-width: 900px) {
-    #bet-layer.modal {
-        width: 90vw;
-        height: fit-content;
-        top: 40vh;
-        left: 5vw;
-    }
-
-    #bet-layer.modal-style {
-        padding-inline: 1vw;
-        padding-block: 1vh;
-    }
-
-    .bet-container {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-    }
-
-    .bet-container__value {
-        width: 100px;
-        height: 60px;
-    }
-
-    .bet-container h2 {
-        color: #ec5e27;
-    }
-
-    .bet-container__value p {
-        font-size: 24px;
-    }
-
-    .bet-container__button {
-        height: 64px;
-        width: 64px;
-        font-size: 32px;
-        padding: 0px;
-    }
-}
-
-@media only screen and (orientation: landscape) {
-    #bet-layer.modal {
-        top: 25vh;
-    }
-
-    .bet-container {
-        padding-block: 2vh;
-    }
-}

package/dist/SettingsUI/components/BuyFreeSpins/buyFreeSpin.css

@@ -1,46 +0,0 @@
-.buyFreeSpins__container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    height: 90%;
-    width: 90%;
-    padding-block: 20px;
-    gap: 16px;
-}
-
-.buyFreeSpins__buttons-container {
-    display: flex;
-    flex-direction: row;
-    gap: 16px;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.buyFreeSpins__title-container {
-    display: flex;
-    flex-direction: row;
-}
-
-.optionButton {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 120px;
-    padding: 8px;
-    border: 2px solid white;
-    border-radius: 8px;
-    font-size: 20px;
-}
-
-.optionButton:hover {
-    cursor: pointer;
-    opacity: 0.7;
-}
-
-.buyFreeSpins__error-message {
-    color: #fa5f5f;
-    font-size: 24px;
-    text-align: center;
-}

package/dist/SettingsUI/components/CloseModalButton/closeModalButton.css

@@ -1,20 +0,0 @@
-.close-modal-button {
-    font-size: 30px;
-    color: white;
-    position: absolute;
-    right: 30px;
-    top: 15px;
-    background-color: #00000000;
-    border-style: none;
-}
-
-.close-modal-button:hover {
-    color: #ffffff50;
-}
-
-@media only screen and (max-width: 900px) {
-    .close-modal-button {
-        right: 20px;
-        top: 10px;
-    }
-}

package/dist/SettingsUI/components/GameRules/gameRules.css

@@ -1,96 +0,0 @@
-.game-rules {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    height: 90%;
-    width: 90%;
-}
-
-.game-rules__content {
-    text-align: justify;
-    width: 90%;
-    line-height: 20px;
-    padding: 10px 20px;
-    height: 100%;
-    border-bottom-left-radius: 8px;
-    border-bottom-right-radius: 8px;
-    max-height: 60vh;
-    font-size: 20px;
-}
-
-.game-rules__container {
-    display: inline-block;
-    margin-top: 20px;
-}
-
-.game-rules__scroll {
-    height: 70%;
-}
-
-.game-rules__page-control {
-    display: flex;
-    flex-direction: row;
-    height: 50px;
-    position: absolute;
-    left: 20px;
-    bottom: 20px;
-}
-
-.page-left {
-    background-size: contain;
-    background-repeat: no-repeat no-repeat;
-    background-image: url("/assets/settings/gameRules/left.png");
-    opacity: 1;
-    width: 22px;
-    height: 100%;
-}
-
-.page-middle {
-    background-repeat: no-repeat no-repeat;
-    background-size: contain;
-    background-image: url("/assets/settings/gameRules/cross.png");
-    width: 30px;
-    height: 100%;
-    margin: 0px 10px;
-}
-
-.page-right {
-    background-repeat: no-repeat no-repeat;
-    background-size: contain;
-    background-image: url("/assets/settings/gameRules/right.png");
-    width: 22px;
-    height: 100%;
-}
-
-.page-left:hover {
-    opacity: 0.5;
-}
-
-.page-middle:hover {
-    opacity: 0.5;
-}
-
-.page-right:hover {
-    opacity: 0.5;
-}
-
-.rcs-custom-scroll-handle {
-    position: absolute;
-    right: 10px;
-}
-
-.custom-scroll .rcs-inner-handle {
-    background-color: inherit;
-    background-repeat: no-repeat no-repeat;
-    background-size: cover;
-    background-image: url("/assets/settings/slider/slidersDot.png");
-    width: 20px;
-    height: 20px;
-    right: 10px;
-}
-
-@media only screen and (max-width: 450px) {
-    .game-rules__content {
-        padding: 10px 20px 10px 5px;
-    }
-}

package/dist/SettingsUI/components/RichLimitingSlider/richLimitingSlider.css

@@ -1,39 +0,0 @@
-.rich-slider {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding-inline: 16px;
-}
-
-.rich-slider__slider {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.rich-slider__number {
-    margin: 10px 0px 10px 10px;
-    width: 100px;
-    height: 40px;
-    border: solid white 2px;
-    background-color: black;
-    border-radius: 34px;
-    font-size: x-large;
-    font-weight: bold;
-    color: white;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.rich-slider__description {
-    text-transform: uppercase;
-}
-
-@media only screen and (max-width: 650px) {
-    .rich-slider__description {
-        padding-top: 4px;
-        font-size: 9px;
-    }
-}

package/dist/SettingsUI/components/SlidingSwitch/slidingSwitch.css

@@ -1,126 +0,0 @@
-.switch {
-    position: relative;
-    display: inline-block;
-    width: 80px;
-    height: 34px;
-    cursor: pointer;
-}
-
-.switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-/* The slider */
-.switch-round-box {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #00000000;
-    border: 2px solid white;
-    -webkit-transition: 0.4s;
-    transition: 0.4s;
-    border-radius: 34px;
-}
-
-.turtle-switch-round-box {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #00000000;
-    border: 2px solid white;
-    -webkit-transition: 0.4s;
-    transition: 0.4s;
-    border-radius: 34px;
-}
-
-.turtle-switch__icon {
-    position: relative;
-    left: 7px;
-    top: 7px;
-    width: 24px;
-    height: 20px;
-}
-
-.dot-container {
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    width: 36px;
-    justify-content: space-between;
-    bottom: 10px;
-    left: 36px;
-}
-
-.white-dot {
-    position: relative;
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    background-color: #ffffff50;
-}
-
-.white-dot--active {
-    background-color: #fff;
-}
-
-.switch-round-box:before {
-    position: absolute;
-    content: "";
-    height: 26px;
-    width: 26px;
-    left: 3px;
-    top: 2px;
-    bottom: 4px;
-    right: 4px;
-    background-color: white;
-    -webkit-transition: 0.4s;
-    transition: 0.4s;
-    border-radius: 50%;
-}
-
-.switch__text {
-    margin: 0;
-    position: absolute;
-    top: 7px;
-    right: 9px;
-}
-
-.switch__text--active {
-    left: 9px;
-    color: #fdf425;
-}
-
-.switch-round-box--active {
-    box-shadow: 0 0 1px #fdf425;
-    background-color: #fdf42550;
-    border: 2px solid #fdf425;
-}
-
-.switch-round-box--active:before {
-    -webkit-transform: translateX(45px);
-    -ms-transform: translateX(45px);
-    transform: translateX(45px);
-    background-color: #fdf425;
-}
-
-@media only screen and (max-width: 900px) {
-    .header-description {
-        max-width: 150px;
-    }
-
-    .header-description h2 {
-        font-size: 20px;
-    }
-
-    .header-description h6 {
-        font-size: 10px;
-    }
-}

package/dist/SettingsUI/components/SpeedSettingsPopup/speedSettingsPopup.css

@@ -1,119 +0,0 @@
-.speed-settings-modal {
-    width: 50vw;
-    height: 30vh;
-    top: 40vh;
-    left: 25vw;
-    align-items: center;
-    justify-content: center;
-}
-
-.speed-settings-popup {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: 90%;
-    height: 90%;
-    justify-content: space-between;
-}
-
-.speed-settings-popup__title {
-    font-size: 25px;
-    color: white;
-    text-transform: uppercase;
-    margin-top: 10px;
-}
-
-.speed-settings-popup__speed-options {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    width: 100%;
-    height: 120px;
-}
-
-.speed-settings-popup__option {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-image: url("/assets/settings/speedPopup/speed-frame.png");
-    width: 145px;
-    height: 78px;
-    background-repeat: no-repeat no-repeat;
-    background-size: contain;
-}
-
-.speed-settings-popup_option--active {
-    background-image: url("/assets/settings/speedPopup/speed-frame-active.png");
-    width: 145px;
-    height: 78px;
-    background-repeat: no-repeat no-repeat;
-    background-size: contain;
-}
-
-.speed-settings-popup__icon.slow {
-    width: 70px;
-}
-
-.speed-settings-popup__icon.normal {
-    width: 35px;
-}
-
-.speed-settings-popup__icon.fast {
-    width: 90px;
-}
-
-@media only screen and (max-width: 450px) {
-    .speed-settings-modal {
-        width: 80vw;
-        height: 50vh;
-        left: 10vw;
-        top: 30vh;
-    }
-
-    .speed-settings-popup__title {
-        margin-top: 10px;
-        font-size: 14px;
-    }
-
-    .speed-settings-popup__speed-options {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: center;
-        height: 75%;
-    }
-
-    .speed-settings-popup__option {
-        width: 120px;
-        height: 66px;
-    }
-
-    .speed-settings-popup__icon.slow {
-        width: 60px;
-    }
-
-    .speed-settings-popup__icon.normal {
-        width: 30px;
-    }
-
-    .speed-settings-popup__icon.fast {
-        width: 70px;
-    }
-}
-
-@media only screen and (max-height: 450px) {
-    .speed-settings-modal {
-        width: 80vw;
-        height: 50vh;
-        left: 10vw;
-        top: 30vh;
-    }
-
-    .speed-settings-popup__title {
-        font-size: 20px;
-    }
-
-    .speed-settings-popup__speed-options {
-        height: 60%;
-    }
-}

package/dist/SettingsUI/components/SwitchWithHeader/headerStyle.css

@@ -1,28 +0,0 @@
-.header-description {
-    max-width: 200px;
-}
-
-.header-description__title {
-    min-width: 200px;
-    margin: 0px;
-    text-transform: uppercase;
-}
-
-.header-description__text {
-    max-width: 170px;
-    margin: 0px;
-}
-
-@media only screen and (max-width: 900px) {
-    .header-description {
-        max-width: 150px;
-    }
-
-    .header-description h2 {
-        font-size: 20px;
-    }
-
-    .header-description h6 {
-        font-size: 10px;
-    }
-}

package/dist/SettingsUI/components/SymbolMultiplierPopup/symbolPopup.css

@@ -1,101 +0,0 @@
-.symbol-multiplier-popup-modal {
-    align-items: center;
-    justify-content: center;
-    padding: 20px 25px;
-}
-
-.symbol-multiplier-popup-modal.arrow-on-left {
-    transform: translate(75px, -50%);
-}
-
-.symbol-multiplier-popup-modal.arrow-on-right {
-    transform: translate(calc(-100% - 75px), -50%);
-}
-
-.symbol-popup {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 100%;
-    justify-content: center;
-    align-items: center;
-}
-
-.symbol-popup.arrow-on-left::after {
-    content: "";
-    position: absolute;
-    display: block;
-    background: url("/assets/settings/symbol-pointer.png");
-    top: 50%;
-    right: 100%;
-    height: 25px;
-    width: 25px;
-    transform: translateY(-50%);
-}
-
-.symbol-popup.arrow-on-right::after {
-    content: "";
-    position: absolute;
-    display: block;
-    background: url("/assets/settings/symbol-pointer.png");
-    top: 50%;
-    left: 100%;
-    height: 25px;
-    width: 25px;
-    transform: translate(0, -50%) rotate(180deg);
-}
-
-.symbol-popup__row {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    width: 80%;
-}
-
-.symbol-popup__prefix {
-    font-size: 25px;
-    color: #ec5e27;
-    margin: 0;
-    font-weight: 500;
-}
-
-.symbol-popup__value {
-    font-size: 25px;
-    font-weight: 500;
-    text-align: left;
-    margin-left: 20px;
-    white-space: nowrap;
-}
-
-.symbol-popup__value--range {
-    display: flex;
-    flex-direction: column;
-    font-size: 0.8em;
-    font-weight: 400;
-    margin-left: 20px;
-    margin-bottom: 10px;
-    text-align: left;
-}
-
-.symbol-popup__value--range > div {
-    white-space: nowrap;
-}
-
-@media only screen and (max-width: 900px) {
-    .symbol-popup__prefix {
-        font-size: 15px;
-    }
-
-    .symbol-popup__value {
-        font-size: 15px;
-    }
-
-    .symbol-multiplier-popup-modal.arrow-on-left {
-        transform: translate(50px, -50%);
-    }
-
-    .symbol-multiplier-popup-modal.arrow-on-right {
-        transform: translate(calc(-100% - 50px), -50%);
-    }
-}

package/dist/SettingsUI/components/UXSettings/UXSettings.css

@@ -1,28 +0,0 @@
-.ux-settings {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-evenly;
-    width: 50%;
-    height: 100%;
-    margin: 0px 30px;
-}
-
-.ux-settings__switch {
-    width: 500px;
-}
-
-.ux-settings__switch-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-evenly;
-    height: 80%;
-    width: 100%;
-}
-
-@media only screen and (max-width: 1125px) {
-    .ux-settings__switch {
-        width: 250px;
-    }
-}