import { css } from 'lit' const commonCss = css` .dirt-bg { position: absolute; top: 0; left: 0; background: url('textures/1.17.1/gui/options_background.png'), rgba(0, 0, 0, 0.75); background-size: 16px; background-repeat: repeat; width: 100%; height: 100%; transform-origin: top left; transform: scale(2); background-blend-mode: overlay; } .bg { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; } .title { position: absolute; top: 0; left: 50%; transform: translate(-50%); font-size: 10px; color: white; text-align: center; text-shadow: 1px 1px #222; } .text { color: white; font-size: 10px; text-shadow: 1px 1px #222; } ` /** * @param {string} url */ function openURL (url) { window.open(url, '_blank', 'noopener,noreferrer') } /** * @param {HTMLElement} prev * @param {HTMLElement} next */ function displayScreen (prev, next) { prev.style.display = 'none' next.style.display = 'block' } export { commonCss, openURL, displayScreen }