added some CSS to handle embedding HTML5 video

3 files changed, 14 insertions, 2 deletions

diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index 63e1d40..4195172 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -59,7 +59,7 @@ pre {
         margin-bottom: 2em;
     }
 }
-object, embed {
+object, embed, video {
     max-width: 100%;
     height: auto;
 }
@@ -96,7 +96,9 @@ h1 {
     color: red !important;
 }
 //**************  other global classes ************************
-
+.sans {
+    @include generic_sans;
+}
 .bl {
     @include smcaps;
     @include fontsize(11);
diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss
index 0574c97..9778019 100644
--- a/design/sass/_mixins.scss
+++ b/design/sass/_mixins.scss
@@ -26,6 +26,10 @@ $body_font_light: #b3aeae;
     background: none;
 }
 
+@mixin generic-sans {
+    font-family: sans-serif;
+}
+
 %clearfix {
     *zoom: 1;
     &:before {
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index 24087f8..d11ccb2 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -71,6 +71,12 @@
         margin-bottom: 0;
         margin-top: 1em;
     }
+    .vid {
+        margin: 4em 0;
+    }
+    .small {
+        font-size: 96%;
+    }
 }
 .footnote-ref {
     padding: 0 2px;