Jacek Pyziak
238c9ecaed
- Created new directories and index files for controls, factory, and views. - Added .htaccess files for URL rewriting in layout and images directories. - Included a logo image in the layout/images directory. - Implemented load_prices.php to load ticket prices from the database into settings. - Developed admin panel settings page for enabling ticket sales. - Created tickets management page in the admin panel to display and edit ticket prices. - Added upgrade.php for database migrations, including creating the ticket_prices table and adding weekend price column.
1 line
41 KiB
Plaintext
1 line
41 KiB
Plaintext
{"version":3,"sources":["..\\style-scss\\style.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["// out: ../style-css/style.css, compress: true, sourceMap: true\r\n//* Fonts\r\n@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,400;1,700&display=swap');\r\n@import 'mixins';\r\n\r\n//* Colors\r\n$cWhite: #ffffff;\r\n$cGreen: #72b81b;\r\n$cYellow: #ffc937;\r\n$cBlue: #138fcb;\r\n$cRed: #e31e4b;\r\n$cOrange: #eb5024;\r\n$cViolet: #8900be;\r\n$base-font-color: #333;\r\n$backgroundColor: #f3f0cf;\r\n$cFooter: #34327c;\r\n$cGray: #95a5a6;\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n color: $base-font-color;\r\n font-family: 'Lato', sans-serif;\r\n background-color: $backgroundColor;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100vh;\r\n}\r\n\r\n//* mixins\r\n@mixin btn($cTxt, $hTxt, $cBG, $hBG) {\r\n border: none;\r\n background-color: transparent;\r\n color: $cTxt;\r\n padding: 10px 30px;\r\n border-radius: 10px;\r\n font-weight: 800;\r\n background-color: lighten($color: $cBG, $amount: 20%);\r\n text-decoration: none;\r\n\r\n &:disabled {\r\n background-color: rgba($cGray, 0.5);\r\n cursor: not-allowed;\r\n }\r\n}\r\n\r\n//* Buttons\r\n.btn-t1 {\r\n @include btn($base-font-color, '', $cGreen, '');\r\n}\r\n\r\n.btn-t2 {\r\n @include btn($cWhite, '', #000, '');\r\n}\r\n\r\n.btn {\r\n padding: 9px 30px;\r\n}\r\n\r\n.flex-buttons-group {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n}\r\n\r\n//* text colors\r\n.c_green {\r\n color: $cGreen;\r\n}\r\n\r\n.c_red {\r\n color: $cRed;\r\n}\r\n\r\n.top {\r\n position: relative;\r\n background: $cGreen;\r\n color: #fff;\r\n height: 70px;\r\n\r\n .a_menu {\r\n .logo {\r\n position: absolute;\r\n margin: 10px 0 !important;\r\n }\r\n\r\n #nav-menu {\r\n &.active {\r\n display: block;\r\n right: 0;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n height: 100vh;\r\n background: $cWhite;\r\n z-index: 999;\r\n }\r\n }\r\n\r\n #menu-hamburger {\r\n position: relative;\r\n height: 70px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n z-index: 9999;\r\n\r\n i {\r\n font-size: 28px;\r\n }\r\n\r\n &.active {\r\n #btn-hamburger {\r\n position: relative;\r\n height: 30px;\r\n width: 30px;\r\n\r\n span {\r\n position: absolute;\r\n width: 100%;\r\n height: 2px;\r\n background: $base-font-color;\r\n border-radius: 5px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n\r\n &:nth-child(1) {\r\n top: 50%;\r\n transform: rotate(45deg) translateY(-50%);\r\n }\r\n\r\n &:nth-child(2) {\r\n transform: translateX(-100%) translateY(-50%);\r\n }\r\n\r\n &:nth-child(3) {\r\n top: 50%;\r\n transform: rotate(-45deg) translateY(-50%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n #btn-hamburger {\r\n position: relative;\r\n height: 30px;\r\n width: 30px;\r\n overflow: hidden;\r\n\r\n span {\r\n position: absolute;\r\n width: 100%;\r\n height: 2px;\r\n background: $cWhite;\r\n border-radius: 5px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n transition: all 250ms ease;\r\n\r\n &:nth-child(1) {\r\n top: 20%;\r\n }\r\n\r\n &:nth-child(2) {}\r\n\r\n &:nth-child(3) {\r\n top: 80%;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @media (min-width: 768px) {\r\n #menu-hamburger {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n #nav-menu {\r\n position: fixed;\r\n display: none;\r\n\r\n ul {\r\n width: 100%;\r\n max-width: 300px;\r\n padding: 0 15px;\r\n margin: 0 auto;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n li {\r\n a {\r\n color: $base-font-color;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .logo {\r\n background: $cGreen;\r\n display: block;\r\n margin: 0 auto 10px;\r\n width: 150px;\r\n border-radius: 0 0 50% 50%;\r\n padding: 10px 25px 25px;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n margin: 10px 0;\r\n }\r\n }\r\n\r\n nav {\r\n height: 70px;\r\n\r\n ul {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: flex-end;\r\n gap: 25px;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n\r\n li {\r\n a {\r\n color: $cWhite;\r\n font-size: 18px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.main {\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n\r\n .tickets_calendar {\r\n margin-top: 100px;\r\n width: 100%;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .tickets {\r\n // margin-top: 100px;\r\n // margin-top: 50px;\r\n margin-bottom: 50px;\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 80px;\r\n\r\n //rodzaj biletow\r\n .ticket-container {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n gap: 40px;\r\n align-items: center;\r\n\r\n .title-container {\r\n text-align: center;\r\n position: relative;\r\n\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100px;\r\n border-bottom: 2px dotted black;\r\n }\r\n\r\n .title {\r\n font-weight: 800;\r\n font-size: 46px;\r\n\r\n @include respond-below(md) {\r\n font-size: 36px;\r\n font-size: 22px;\r\n }\r\n }\r\n\r\n .description {\r\n font-size: 28px;\r\n }\r\n }\r\n }\r\n\r\n //bilet\r\n .ticket {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n .ticket-description {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 500px;\r\n text-align: center;\r\n color: white;\r\n border-radius: 10px;\r\n padding: 20px 0;\r\n\r\n &--yellow {\r\n background-color: $cYellow;\r\n }\r\n\r\n &--red {\r\n background-color: $cRed;\r\n }\r\n\r\n &--blue {\r\n background-color: $cBlue;\r\n }\r\n\r\n &--orange {\r\n background-color: $cOrange;\r\n }\r\n\r\n &--green {\r\n background-color: $cGreen;\r\n }\r\n\r\n &--violet {\r\n background-color: $cViolet;\r\n }\r\n\r\n .ticket__name {\r\n font-size: 46px;\r\n font-weight: 800;\r\n\r\n @include respond-below(md) {\r\n font-size: 32px;\r\n }\r\n\r\n @include respond-below(sm) {\r\n font-size: 28px;\r\n }\r\n }\r\n\r\n .description {\r\n font-size: 13px;\r\n font-style: italic;\r\n line-height: 0.75;\r\n margin-bottom: 0;\r\n }\r\n\r\n .ticket-alert {\r\n font-size: 20px;\r\n margin: 20px 0 0 0;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n text-decoration: underline;\r\n\r\n @include respond-below(md) {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n width: 400px;\r\n }\r\n\r\n @include respond-below(xs) {\r\n width: 100%;\r\n }\r\n }\r\n\r\n //price\r\n .price {\r\n font-size: 46px;\r\n margin-left: 40px;\r\n font-weight: 800;\r\n min-width: 138px;\r\n\r\n @include respond-below(md) {\r\n font-size: 36px;\r\n min-width: 130px;\r\n }\r\n\r\n @include respond-below(sm) {\r\n margin-left: 0;\r\n min-width: unset;\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n //przyciski\r\n .ticket-quantity {\r\n margin-left: auto;\r\n\r\n @include respond-below(sm) {\r\n margin-left: 0;\r\n }\r\n\r\n .button {\r\n padding: 10px 20px;\r\n border-radius: 8px;\r\n border: none;\r\n background-color: $cGreen;\r\n color: #fff;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n background-color: darken($cGreen, 8%);\r\n }\r\n\r\n &.added {\r\n background-color: darken($cGreen, 12%);\r\n transform: scale(1.05);\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(sm) {\r\n flex-direction: column;\r\n row-gap: 15px;\r\n }\r\n\r\n @include respond-below(xs) {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n //bottom\r\n .bottom-info__description {\r\n text-align: center;\r\n font-size: 16px;\r\n line-height: 29px;\r\n padding: 20px 0;\r\n position: relative;\r\n\r\n &::after,\r\n &::before {\r\n position: absolute;\r\n content: '';\r\n border-bottom: 2px dotted $base-font-color;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 10%;\r\n }\r\n\r\n &::after {\r\n top: 0;\r\n }\r\n\r\n &::before {\r\n bottom: 0;\r\n }\r\n\r\n p:nth-child(2) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n .bottom-info__background {\r\n margin-top: 40px;\r\n background-image: url('https://brzezovka.pl/css/../img/bgcity.png');\r\n background-position: bottom center;\r\n background-repeat: repeat-x;\r\n width: 100%;\r\n height: 300px;\r\n }\r\n}\r\n\r\n.footer {\r\n background-color: $cFooter;\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n color: white;\r\n\r\n a {\r\n text-decoration: none;\r\n color: $cOrange;\r\n }\r\n\r\n .footer__top {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n grid-template-rows: 1fr;\r\n justify-items: center;\r\n align-items: center;\r\n\r\n .location {\r\n padding: 20px 0;\r\n text-align: center;\r\n\r\n .title {\r\n font-size: 22px;\r\n font-weight: 800;\r\n }\r\n }\r\n\r\n .logo {\r\n height: 100px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n .footer__bottom {\r\n width: 100%;\r\n\r\n p {\r\n text-align: center;\r\n margin: 0;\r\n padding: 30px 0;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .footer__top {\r\n padding-top: 30px;\r\n grid-template-columns: 1fr;\r\n\r\n .opening-hours {\r\n grid-row-start: 2;\r\n }\r\n\r\n .logo {\r\n grid-row-start: 1;\r\n }\r\n\r\n .location {\r\n grid-row-start: 3;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.shopping-cart-container {\r\n &--active {\r\n .shopping-cart {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n}\r\n\r\n//shoping cart\r\n.shopping-cart {\r\n opacity: 0;\r\n position: fixed;\r\n top: 80px;\r\n right: 10px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 10px;\r\n background-color: $cGreen;\r\n color: white;\r\n gap: 20px;\r\n width: 230px;\r\n padding: 20px 0;\r\n transition: opacity 0.2s;\r\n transform: translateX(100%);\r\n\r\n // border: 1px solid $base-font-color;\r\n // &--active {\r\n // \topacity: 1;\r\n // \ttransform: translateX(0);\r\n // }\r\n &.hide {\r\n display: none;\r\n }\r\n\r\n .basket {\r\n font-size: 30px;\r\n }\r\n\r\n .quantity {\r\n font-size: 18px;\r\n font-weight: 800;\r\n }\r\n\r\n .tickets__list {\r\n width: 100%;\r\n list-style: none;\r\n padding: 0 5px;\r\n background-color: white;\r\n color: $base-font-color;\r\n border-right: 1px solid $base-font-color;\r\n border-left: 1px solid $base-font-color;\r\n // border: 1px solid $base-font-color;\r\n max-height: calc(90svh - 400px);\r\n overflow: auto;\r\n\r\n p {\r\n margin-bottom: 0;\r\n }\r\n\r\n .ticket {\r\n border: 1px solid $base-font-color;\r\n border-radius: 5px;\r\n margin: 5px 0;\r\n padding: 5px 0 5px 5px;\r\n display: grid;\r\n grid-template-columns: 1fr 20px;\r\n grid-template-rows: 1fr 1fr;\r\n grid-template-areas:\r\n 'name btn'\r\n 'price btn';\r\n font-size: 12px;\r\n align-items: center;\r\n\r\n &__description {\r\n grid-area: name;\r\n font-weight: 800;\r\n font-size: 13px;\r\n }\r\n\r\n &__price {\r\n grid-area: price;\r\n font-weight: 800;\r\n font-size: 13px;\r\n\r\n span {\r\n font-weight: 400;\r\n }\r\n }\r\n\r\n .ticket__button {\r\n grid-area: btn;\r\n border: none;\r\n background-color: transparent;\r\n color: $base-font-color;\r\n font-size: 14px;\r\n font-weight: 800;\r\n }\r\n }\r\n }\r\n\r\n .sum-section {\r\n text-align: center;\r\n\r\n p {\r\n margin-bottom: 0;\r\n }\r\n\r\n font-weight: 800;\r\n font-size: 18px;\r\n }\r\n\r\n .off-btn {\r\n border: none;\r\n background-color: transparent;\r\n color: white;\r\n font-size: 18px;\r\n font-weight: 800;\r\n position: absolute;\r\n top: 5px;\r\n right: 15px;\r\n }\r\n\r\n .buy-btn {\r\n border: none;\r\n background-color: transparent;\r\n color: $base-font-color;\r\n padding: 10px 30px;\r\n border-radius: 10px;\r\n font-weight: 800;\r\n background-color: lighten($color: $cGreen, $amount: 20%);\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.mobile-cart-btn {\r\n &.cart-bounce {\r\n animation: cartBounce 0.5s ease;\r\n }\r\n\r\n position: fixed;\r\n bottom: 50px;\r\n right: 0;\r\n opacity: 1;\r\n z-index: 10;\r\n border-top-left-radius: 10px;\r\n border-bottom-left-radius: 10px;\r\n background-color: #72b81b;\r\n padding: 20px 15px 15px 15px;\r\n transition: all 250ms ease-in-out;\r\n cursor: pointer;\r\n\r\n // @media (min-width: 1300px) {\r\n // \tdisplay: none;\r\n // }\r\n\r\n &.hide {\r\n transform: translateX(100%);\r\n }\r\n\r\n span {\r\n position: absolute;\r\n top: 8px;\r\n right: 5px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 5px;\r\n background: #fff;\r\n border-radius: 100%;\r\n width: 20px;\r\n height: 20px;\r\n line-height: 1;\r\n font-size: 12px;\r\n }\r\n\r\n .mobile-cart-btn--img {\r\n img {\r\n width: 100%;\r\n max-width: 40px;\r\n }\r\n }\r\n}\r\n\r\n//* Basket - \"page\"\r\n#basket_page {\r\n .basket_content {\r\n margin-top: 100px;\r\n margin-bottom: 100px;\r\n }\r\n\r\n .box_01 {\r\n margin-bottom: 24px;\r\n\r\n table {\r\n width: 100%;\r\n background: $cWhite;\r\n border-collapse: collapse;\r\n\r\n tr {\r\n text-align: center;\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n th {\r\n padding: 8px;\r\n\r\n h3 {\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n\r\n @include respond-below(md) {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n }\r\n\r\n td {\r\n padding: 8px;\r\n\r\n @include respond-below(md) {\r\n font-size: 14px;\r\n }\r\n\r\n .ticket-date {\r\n color: #888;\r\n font-size: 12px;\r\n }\r\n\r\n .btn_t1 {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n border: none;\r\n transition: 150ms ease-in-out;\r\n background: rgb(240, 240, 240);\r\n display: inline-block;\r\n color: #000;\r\n\r\n i {\r\n color: #000;\r\n }\r\n }\r\n\r\n .btn_t1.add {\r\n &:hover {\r\n color: $cGreen;\r\n border-color: $cGreen;\r\n }\r\n }\r\n\r\n .btn_t1.subtract {\r\n &:hover {\r\n color: $cOrange;\r\n border-color: $cOrange;\r\n }\r\n }\r\n\r\n .btn_t1.delete {\r\n border: none;\r\n\r\n &:hover {\r\n color: $cRed;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(sm) {\r\n background: transparent;\r\n\r\n thead,\r\n tbody,\r\n th,\r\n td,\r\n tr {\r\n display: block;\r\n }\r\n\r\n tbody {\r\n >tr {\r\n &:first-child {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n thead {\r\n display: none;\r\n /* Приховуємо заголовки */\r\n }\r\n\r\n tr {\r\n margin-bottom: 15px;\r\n border: 1px solid #ddd;\r\n padding: 10px;\r\n border-radius: 10px;\r\n background: #fff;\r\n }\r\n\r\n td {\r\n position: relative;\r\n padding-left: 50%;\r\n text-align: right;\r\n border: none;\r\n min-height: 38px;\r\n padding-left: 140px !important;\r\n\r\n &:not(:last-child) {\r\n border-bottom: 1px solid #eee;\r\n }\r\n }\r\n\r\n td::before {\r\n content: attr(data-label);\r\n position: absolute;\r\n left: 10px;\r\n top: 50%;\r\n font-weight: bold;\r\n color: #555;\r\n transform: translateY(-50%);\r\n\r\n @include respond-below(xs) {\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .box_02 {\r\n .basket_user_data {\r\n .basket_user_data__wrapper {\r\n background: $cWhite;\r\n padding: 30px;\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-vat-box {\r\n display: none;\r\n }\r\n\r\n .form-group {\r\n .col-form-label {\r\n font-weight: 600;\r\n\r\n .form-vat-option {\r\n opacity: 0;\r\n transition: 400ms ease;\r\n }\r\n }\r\n\r\n .form-check {\r\n a {\r\n color: $cGreen;\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .basket_summary {\r\n .basket_summary__wrapper {\r\n text-align: center;\r\n background: $cWhite;\r\n padding: 30px;\r\n height: 100%;\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n p {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n }\r\n\r\n .buy-btn {\r\n display: inline-block;\r\n border: none;\r\n background-color: transparent;\r\n color: $base-font-color;\r\n padding: 10px 30px;\r\n border-radius: 10px;\r\n font-weight: 800;\r\n background-color: lighten($color: $cGreen, $amount: 40%);\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n//* Spinner position\r\n.spinner_container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 150px 0;\r\n}\r\n\r\n//* Spinner\r\n.lds-roller {\r\n display: inline-block;\r\n position: relative;\r\n width: 80px;\r\n height: 80px;\r\n\r\n div {\r\n animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\r\n transform-origin: 40px 40px;\r\n\r\n &:after {\r\n content: ' ';\r\n display: block;\r\n position: absolute;\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: $cGreen;\r\n margin: -4px 0 0 -4px;\r\n }\r\n\r\n &:nth-child(1) {\r\n animation-delay: -0.036s;\r\n\r\n &:after {\r\n top: 63px;\r\n left: 63px;\r\n }\r\n }\r\n\r\n &:nth-child(2) {\r\n animation-delay: -0.072s;\r\n\r\n &:after {\r\n top: 68px;\r\n left: 56px;\r\n }\r\n }\r\n\r\n &:nth-child(3) {\r\n animation-delay: -0.108s;\r\n\r\n &:after {\r\n top: 71px;\r\n left: 48px;\r\n }\r\n }\r\n\r\n &:nth-child(4) {\r\n animation-delay: -0.144s;\r\n\r\n &:after {\r\n top: 72px;\r\n left: 40px;\r\n }\r\n }\r\n\r\n &:nth-child(5) {\r\n animation-delay: -0.18s;\r\n\r\n &:after {\r\n top: 71px;\r\n left: 32px;\r\n }\r\n }\r\n\r\n &:nth-child(6) {\r\n animation-delay: -0.216s;\r\n\r\n &:after {\r\n top: 68px;\r\n left: 24px;\r\n }\r\n }\r\n\r\n &:nth-child(7) {\r\n animation-delay: -0.252s;\r\n\r\n &:after {\r\n top: 63px;\r\n left: 17px;\r\n }\r\n }\r\n\r\n &:nth-child(8) {\r\n animation-delay: -0.288s;\r\n\r\n &:after {\r\n top: 56px;\r\n left: 12px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes lds-roller {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n//* Scanner page\r\n#scanner {\r\n // width: 100vw;\r\n width: 100%;\r\n max-width: 500px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n @include respond-above(sm) {\r\n margin-top: 50px;\r\n }\r\n}\r\n\r\n//* aPanel\r\n.alogin-page {\r\n .panel-login {\r\n padding-top: 100px;\r\n padding-bottom: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n }\r\n}\r\n\r\n//* Tickets orders\r\n#tickets-orders {\r\n padding-top: 100px;\r\n padding-bottom: 100px;\r\n\r\n h1 {\r\n margin-bottom: 20px;\r\n }\r\n\r\n table {\r\n margin-bottom: 10px;\r\n background: $cWhite;\r\n border-bottom: none;\r\n\r\n thead {\r\n tr {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n th {\r\n padding: 15px 10px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n border-bottom: none;\r\n }\r\n }\r\n }\r\n\r\n tbody {\r\n tr {\r\n td {\r\n font-size: 14px;\r\n\r\n &.edit-btn {\r\n a {\r\n margin-left: 20px;\r\n }\r\n\r\n i {\r\n color: $base-font-color;\r\n font-size: 20px;\r\n transition: color 200ms ease;\r\n\r\n &:hover {\r\n color: $cGreen;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n tr {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n td {\r\n padding: 15px 10px;\r\n border-bottom: none;\r\n }\r\n }\r\n }\r\n\r\n #myTable_wrapper {\r\n .row {\r\n &:nth-child(1) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n &:nth-child(3) {}\r\n }\r\n\r\n #myTable_length {\r\n label {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n select {\r\n min-width: 70px;\r\n background-color: $cWhite;\r\n }\r\n }\r\n }\r\n\r\n #myTable_filter {\r\n label {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n input {\r\n margin-left: 0;\r\n background: $cWhite;\r\n }\r\n }\r\n }\r\n\r\n #myTable_paginate {\r\n .pagination {\r\n display: flex;\r\n align-items: center;\r\n column-gap: 5px;\r\n\r\n margin-bottom: 0;\r\n\r\n .paginate_button {\r\n padding: 0;\r\n border: none;\r\n\r\n &.active {\r\n a {\r\n color: $cWhite;\r\n background: $cGreen;\r\n }\r\n }\r\n\r\n &:hover {\r\n border: none;\r\n background: none;\r\n }\r\n\r\n &.disabled>.page-link {\r\n color: $cGray;\r\n }\r\n\r\n .page-link {\r\n color: #000;\r\n }\r\n\r\n a {\r\n border: none;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n//* Order data\r\n#order-data {\r\n padding: 100px 0;\r\n\r\n .order-data {\r\n .mini-nav-menu {\r\n margin-bottom: 30px;\r\n\r\n a {\r\n &:hover {\r\n color: $base-font-color;\r\n }\r\n }\r\n }\r\n\r\n .box_01 {\r\n margin-bottom: 24px;\r\n\r\n table {\r\n width: 100%;\r\n background: $cWhite;\r\n\r\n tr {\r\n text-align: center;\r\n border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n th {\r\n padding: 8px;\r\n\r\n h3 {\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n }\r\n }\r\n\r\n td {\r\n padding: 8px;\r\n\r\n .btn_t1 {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n border: none;\r\n transition: 150ms ease-in-out;\r\n }\r\n\r\n .btn_t1.add {\r\n &:hover {\r\n color: $cGreen;\r\n border-color: $cGreen;\r\n }\r\n }\r\n\r\n .btn_t1.subtract {\r\n &:hover {\r\n color: $cOrange;\r\n border-color: $cOrange;\r\n }\r\n }\r\n\r\n .btn_t1.delete {\r\n border: none;\r\n\r\n &:hover {\r\n color: $cRed;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .btn-save-new-list {\r\n display: block;\r\n margin: 30px auto 0;\r\n }\r\n }\r\n\r\n .box_02 {\r\n .order-detale-info {\r\n .order-detale-info__wrapper {\r\n background: $cWhite;\r\n padding: 30px;\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group {\r\n .col-form-label {\r\n font-weight: 600;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .order-summary {\r\n .order-summary__wrapper {\r\n text-align: center;\r\n background: #fff;\r\n padding: 30px;\r\n height: 100%;\r\n\r\n h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n p {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n//* Regulamin\r\n#regulamin_box {\r\n margin-top: 80px;\r\n margin-bottom: 50px;\r\n\r\n .regulamin_box__wrapper {\r\n h5 {\r\n font-size: 26px;\r\n margin: 0;\r\n color: #333;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n h6 {\r\n font-size: 22px;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n font-family: 'Lato', sans-serif;\r\n font-weight: 800;\r\n letter-spacing: 0.8px;\r\n color: #333;\r\n text-align: center;\r\n }\r\n\r\n .regulamin__box {\r\n margin-bottom: 50px;\r\n\r\n h5 {\r\n text-align: center;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.sale-box {\r\n h2 {\r\n text-align: center;\r\n font-size: 48px;\r\n line-height: 43px;\r\n\r\n span {\r\n color: #74aa32;\r\n font-weight: 700;\r\n }\r\n }\r\n}\r\n\r\n#dateForm {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n\r\n ._title {\r\n width: 100%;\r\n font-weight: 600;\r\n font-size: 30px;\r\n text-align: center;\r\n }\r\n}\r\n\r\n.basket_protection {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n justify-content: flex-end;\r\n margin: 10px auto;\r\n text-align: right;\r\n\r\n p {\r\n margin-bottom: 0;\r\n font-style: italic;\r\n }\r\n}\r\n\r\n@keyframes cartBounce {\r\n\r\n 0%,\r\n 100% {\r\n transform: translateX(0);\r\n }\r\n\r\n 25% {\r\n transform: translateX(-8px) scale(1.1);\r\n }\r\n\r\n 50% {\r\n transform: translateX(4px) scale(1.05);\r\n }\r\n\r\n 75% {\r\n transform: translateX(-2px);\r\n }\r\n}","$breakpoints: (\n\txs: 576px,\n\tsm: 768px,\n\tmd: 992px,\n\tlg: 1200px,\n);\n@mixin respond-above($breakpoint) {\n\t@if map-has-key($breakpoints, $breakpoint) {\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\n\t\t@media (min-width: $breakpoint-value) {\n\t\t\t@content;\n\t\t}\n\t} @else {\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\n\t}\n}\n@mixin respond-below($breakpoint) {\n\t@if map-has-key($breakpoints, $breakpoint) {\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\n\t\t@media (max-width: ($breakpoint-value - 1)) {\n\t\t\t@content;\n\t\t}\n\t} @else {\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\n\t}\n}\n@mixin respond-between($lower, $upper) {\n\t@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\n\t\t$lower-breakpoint: map-get($breakpoints, $lower);\n\t\t$upper-breakpoint: map-get($breakpoints, $upper);\n\t\t@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\n\t\t\t@content;\n\t\t}\n\t} @else {\n\t\t@if (map-has-key($breakpoints, $lower) == false) {\n\t\t\t@warn 'Your lower breakpoint was invalid: #{$lower}.';\n\t\t}\n\t\t@if (map-has-key($breakpoints, $upper) == false) {\n\t\t\t@warn 'Your upper breakpoint was invalid: #{$upper}.';\n\t\t}\n\t}\n}\n@mixin border-radius($px: 0) {\n\t-webkit-border-radius: $px;\n\t-moz-border-radius: $px;\n\tborder-radius: $px;\n}\n@mixin box-shadow($value) {\n\t-webkit-box-shadow: $value;\n\t-moz-box-shadow: $value;\n\tbox-shadow: $value;\n}\n@mixin transition($element: all, $time: 0.5s, $option: ease) {\n\t-webkit-transition: $element $time $option !important;\n\ttransition: $element $time $option !important;\n}\n@mixin opacity($value) {\n\t$IEValue: $value * 100;\n\topacity: $value;\n\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\" + $IEValue +\n\t\t\")\";\n\tfilter: alpha(opacity=$IEValue);\n}\n@mixin flexbox() {\n\tdisplay: -webkit-box;\n\tdisplay: -moz-box;\n\tdisplay: -ms-flexbox;\n\tdisplay: -webkit-flex;\n\tdisplay: flex;\n}\n@mixin flex($values) {\n\t-webkit-box-flex: $values;\n\t-moz-box-flex: $values;\n\t-webkit-flex: $values;\n\t-ms-flex: $values;\n\tflex: $values;\n}\n@mixin flex-direction($direction) {\n\t-webkit-flex-direction: $direction;\n\t-moz-flex-direction: $direction;\n\t-ms-flex-direction: $direction;\n\tflex-direction: $direction;\n}\n@mixin flex-wrap($wrap) {\n\t-webkit-flex-wrap: $wrap;\n\t-moz-flex-wrap: $wrap;\n\t-ms-flex-wrap: $wrap;\n\tflex-wrap: $wrap;\n}\n@mixin flex-flow($flow) {\n\t-webkit-flex-flow: $flow;\n\t-moz-flex-flow: $flow;\n\t-ms-flex-flow: $flow;\n\tflex-flow: $flow;\n}\n@mixin order($val) {\n\t-webkit-box-ordinal-group: $val;\n\t-moz-box-ordinal-group: $val;\n\t-ms-flex-order: $val;\n\t-webkit-order: $val;\n\torder: $val;\n}\n@mixin flex-grow($grow) {\n\t-webkit-flex-grow: $grow;\n\t-moz-flex-grow: $grow;\n\t-ms-flex-grow: $grow;\n\tflex-grow: $grow;\n}\n@mixin flex-shrink($shrink) {\n\t-webkit-flex-shrink: $shrink;\n\t-moz-flex-shrink: $shrink;\n\t-ms-flex-shrink: $shrink;\n\tflex-shrink: $shrink;\n}\n@mixin flex-basis($width) {\n\t-webkit-flex-basis: $width;\n\t-moz-flex-basis: $width;\n\t-ms-flex-basis: $width;\n\tflex-basis: $width;\n}\n@mixin justify-content($justify) {\n\t-webkit-justify-content: $justify;\n\t-moz-justify-content: $justify;\n\t-ms-justify-content: $justify;\n\tjustify-content: $justify;\n\t-ms-flex-pack: $justify;\n}\n@mixin align-content($align) {\n\t-webkit-align-content: $align;\n\t-moz-align-content: $align;\n\t-ms-align-content: $align;\n\talign-content: $align;\n}\n@mixin align-items($align) {\n\t-webkit-align-items: $align;\n\t-moz-align-items: $align;\n\t-ms-align-items: $align;\n\talign-items: $align;\n}\n@mixin align-self($align) {\n\t-webkit-align-self: $align;\n\t-moz-align-self: $align;\n\t-ms-align-self: $align;\n\talign-self: $align;\n}\n"]} |