To enable features that require HTTPS, such as device orientation, you can set up a local SSL certificate using mkcert and then access your development site securely on both your PC and mobile device.
First, install mkcert, which simplifies creating local SSL certificates trusted by your system.
| // getScrolls.js v1 | |
| const getScrolls = { | |
| element: window, | |
| x: 'scrollX', | |
| y: 'scrollY' | |
| }; | |
| if (!('scrollX' in window && 'scrollY' in window)) { | |
| if ('pageXOffset' in window && 'pageYOffset' in window) { | |
| getScrolls.x = 'pageXOffset'; | |
| getScrolls.y = 'pageYOffset'; |
| /* flex-center.css v1 */ | |
| .flex-center { | |
| align-items: center; | |
| display: flex; | |
| justify-content: center; | |
| } |
| /* bs4-media.css v1 */ | |
| text-align: center; | |
| @media all and(min-width:576px){ | |
| text-align: center; | |
| } | |
| @media all and(min-width:768px){ | |
| text-align: center; | |
| } | |
| @media all and(min-width:992px){ | |
| text-align: center; |
| // setTimesout.ts v2.1 | |
| export function setTimesout(fn: (timeout: number, index: number) => void, repeats = [0]) { | |
| for (let index = 0; index < repeats.length; index++) { | |
| const currentTimeout = repeats[index] | |
| setTimeout(() => { | |
| fn(currentTimeout, index) | |
| }, currentTimeout) | |
| } | |
| } |
| /* mixin-bs4-width-classes.scss v1.0.1 */ | |
| $widths: | |
| 1 | |
| 2 | |
| 3 | |
| ; | |
| $bs4GridExtended: | |
| 576px | |
| 768px |
| // getScrollbarSize.js v1 | |
| const cssText = '#scrollbar-size{height:99px;overflow:scroll;position:absolute;top:-9999px;width:99px}', | |
| head = document.getElementsByTagName('head')[0] || document.body.parentNode.children[0], | |
| style = document.createElement('style'), | |
| scrollSizeDiv = document.createElement('div'), | |
| scrollbarSize = undefined; | |
| style.setAttribute('type', 'text/css'); | |
| style.setAttribute('rel', 'stylesheet'); | |
| if (!('styleSheet' in style)) { | |
| style.appendChild(document.createTextNode(cssText)); |