app/media.css - master - fleisar/kdk

app/media.css
1 строка2 KB
Fleisar
fix of hotfix
04 окт 2021, 13:23
04 окт 2021, 13:23a2007fd
@media(max-width: 719px)and (orientation: portrait){body{--headerWidth: 100%;--headerHeight: 50px;--pageLeft: 0;--pageWidth: 100%;--pageHeight: calc(var(--vh) * 100 - var(--headerHeight) - var(--footerHeight));--pageBottom: var(--headerHeight)}header{top:auto;bottom:var(--footerHeight)}header>nav{flex-direction:row}header>nav>a:first-child{display:none}div.windows::before{content:"close";font-family:"Material Icons",sans-serif;position:fixed;right:10px;font-size:xx-large;top:10px;z-index:1}div.windows>.main-window{width:var(--pageWidth)}}@media(max-width: 719px){.ui-hovermenu{bottom:var(--footerHeight);top:auto !important;left:0 !important;width:100%;font-size:larger}}@media(max-width: 719px){*::-webkit-scrollbar{width:0}}@media(max-width: 719px){body[highEffects=true] div.windows{backdrop-filter:blur(50px) contrast(2) brightness(0.8)}body[highEffects=true] div.windows>.main-window{width:var(--pageWidth);transform:perspective(300px) scale(0.9);position:initial;margin:auto}}@media(min-width: 720px){body[highEffects=true] header{transform:translateX(calc(var(--headerWidth) * -1 + 5px));opacity:.5;transition:var(--animationUI) calc(var(--animationUI) * 5)}body[highEffects=true] header:hover{transition:var(--animationUI);transform:perspective(300px) rotateY(0) scale(0.95) translateX(10px);opacity:1}body[highEffects=true] .windows{width:100vw;backdrop-filter:blur(100px) contrast(2) brightness(0.8);animation:.1s windows-high-effects infinite linear;left:0}body[highEffects=true] .windows>.main-window{left:var(--pageLeft);transform:perspective(300px) rotateY(4deg) scale(0.9) translateY(5px);animation:3s windows-breathing infinite ease-in-out alternate-reverse}body[highEffects=true] .windows>.context-window>.context{animation:2.5s context-breathing infinite ease-in-out alternate-reverse}}@media(max-width: 1700px){body{--generalRowCount: 6}}@media(max-width: 1450px){body{--generalRowCount: 5}}@media(max-width: 1250px){body{--generalRowCount: 4}}@media(max-width: 1000px){body{--generalRowCount: 3}}@media(max-width: 760px){body{--generalRowCount: 2}}@media(max-width: 480px){body{--generalRowCount: 1}}/*# sourceMappingURL=media.css.map */