Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-24 07:30:12 +01:00
Code Issues Releases Wiki Activity

Limit width of HTML5 videos to content area

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/main.1d29e8d0.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.1d29e8d0.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.4a0965b7.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.4a0965b7.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

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

15
src/assets/stylesheets/main/_typeset.scss
View File

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