Limit width of HTML5 videos to content area

Author: squidfunk

material/assets/stylesheets/main.1d29e8d0.min.css

@@ -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 }}">

material/assets/stylesheets/main.1d29e8d0.min.css.map

@@ -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