VPN-1759 fix videos style for markdown

AdguardTeam · Mar 11, 2024 · 25a625e · 25a625e
1 parent 4b10c0f
commit 25a625e
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -226,6 +226,18 @@ html[lang='ko'] .navbar__search {
   background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTcgMTYiIHdpZHRoPSIxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiM3NGEzNTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIwLjUiPjxwYXRoIGQ9Im0xMi41IDcuODg4Njd2LTMuODg4ODloLTMuODA5NTIiLz48cGF0aCBkPSJtMTIuNDQ3MyA0LjAyNjE3LTQuNTI2MDUgNC42MjAzMSIvPjxwYXRoIGQ9Im02LjM0NDQ4IDQuNjY2OTljLTEuMDE4NjggMC0xLjg0NDQ4LjgyNTgtMS44NDQ0OCAxLjg0NDQ4djMuNDg4ODNjMCAxLjEwNDYuODk1NDMgMiAyIDJoMy41MzA4Yy45OTU1IDAgMS44MDI1LS44MDcgMS44MDI1LTEuODAyNSIvPjwvZz48L3N2Zz4=");
 }
 
+.youtube-video {
+    width: 100%;
+    max-width: 560px;
+    height: 200px;
+}
+
+@media (min-width: 593px) {
+    .youtube-video {
+        height: 315px;
+    }
+}
+
 @media (prefers-color-scheme: light) {
   /* ... */
 }