1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-24 07:30:12 +01:00

Limit width of HTML5 videos to content area

This commit is contained in:
squidfunk 2022-06-24 15:13:47 +02:00
parent 2e99447155
commit 5ed04897db
6 changed files with 15 additions and 10 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -34,7 +34,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.4a0965b7.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.1d29e8d0.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.cbb835fc.min.css' | url }}">

View File

@ -391,11 +391,16 @@ kbd {
margin-inline-start: px2em(30px);
}
// Image or icon
// Image or video
img,
svg {
svg,
video {
max-width: 100%;
height: auto;
}
// Image
img {
// Adjust spacing when left-aligned
&[align="left"] {
@ -413,12 +418,12 @@ kbd {
&[align]:only-child {
margin-top: 0;
}
}
// Hide images for dark mode
img[src$="#only-dark"],
img[src$="#gh-dark-mode-only"] {
display: none;
// Hide images for dark mode
&[src$="#only-dark"],
&[src$="#gh-dark-mode-only"] {
display: none;
}
}
// Figure