From c01ff475a16846fb37a2fb2c880798f587c6f3b7 Mon Sep 17 00:00:00 2001
From: ebremner <ebremner@uwaterloo.ca>
Date: Wed, 25 Mar 2020 10:49:01 -0400
Subject: [PATCH] ISTWCMS-3577: adding stylings for remote video
---
.../04-components/remote-video/_remote-video.scss | 15 +++++++++++++++
.../04-components/remote-video/remote-video.twig | 6 ++++++
.../04-components/remote-video/remote-video.yml | 0
3 files changed, 21 insertions(+)
create mode 100644 source/_patterns/04-components/remote-video/_remote-video.scss
create mode 100644 source/_patterns/04-components/remote-video/remote-video.twig
create mode 100644 source/_patterns/04-components/remote-video/remote-video.yml
diff --git a/source/_patterns/04-components/remote-video/_remote-video.scss b/source/_patterns/04-components/remote-video/_remote-video.scss
new file mode 100644
index 00000000..caa78ca2
--- /dev/null
+++ b/source/_patterns/04-components/remote-video/_remote-video.scss
@@ -0,0 +1,15 @@
+.uw-remote-video {
+ &__wrapper {
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ }
+
+ &__wrapper.uw-contained-width {
+ @include uw-contained-width;
+ }
+
+ .media-oembed-content {
+ width: 100%;
+ }
+}
diff --git a/source/_patterns/04-components/remote-video/remote-video.twig b/source/_patterns/04-components/remote-video/remote-video.twig
new file mode 100644
index 00000000..ebf89e4d
--- /dev/null
+++ b/source/_patterns/04-components/remote-video/remote-video.twig
@@ -0,0 +1,6 @@
+<div class="uw-remote-video">
+ <div class="uw-remote-video__wrapper {{ width }}">
+ {% block content %}
+ {% endblock %}
+ </div>
+</div>
diff --git a/source/_patterns/04-components/remote-video/remote-video.yml b/source/_patterns/04-components/remote-video/remote-video.yml
new file mode 100644
index 00000000..e69de29b
--
GitLab