Skip to content

Instantly share code, notes, and snippets.

@aktaumag

aktaumag/Когда <style> внутри <body>

Created June 9, 2020 19:12
Show Gist options
  • Save aktaumag/990636b00d37c16e1af2825c28bf29e9 to your computer and use it in GitHub Desktop.
Save aktaumag/990636b00d37c16e1af2825c28bf29e9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Когда <style> внутри <body>
При исправлении ошибок валидации
@aktaumag
Copy link
Author

aktaumag commented Jun 9, 2020 •
edited
Loading

Иногда, некоторые плагины внедряют стили прямо в и их невозможно просто перетащить в , так как стили составляются программно.
Если такие стили запихивать в обычным скриптом, то это прекрасно работает и не вызывает ошибок в валидации.

<script>
    let wsCssInHead = document.createElement('style');
    wsCssInHead.innerHTML = ".rs-banners .rs-banners_banner,\n" +
        "       .rs-banners-sidebanner,\n" +
        "       .rs_banner-preloader {\n" +
        "           height: 40vw\n" +
        "       }\n" +
        "       @media(min-width: 768px) {           \n" +
        "           .rs-banners .rs-banners_banner,\n" +
        "           .rs-banners-sidebanner,\n" +
        "           .rs_banner-preloader {\n" +
        "               height: <?=$arResult['BANNER_HEIGHT']?>\n" +
        "           }\n" +
        "       }";
    document.head.appendChild(wsCssInHead);
</script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment