block-media-column.html

4 files changed, 22 insertions, 3 deletions

diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss
index bb0f9bd..d6bc451 100644
--- a/assets/css/_ublogger.scss
+++ b/assets/css/_ublogger.scss
@@ -689,7 +689,7 @@ footer {
   display: none;
 }
 
-.block-media_1 {
+.block-media_column {
 
   display: inline-block;
 
@@ -700,6 +700,15 @@ footer {
     border-right: solid 5px transparent;
     box-sizing: border-box;
   }
+
+}
+
+.block-media_right {
+  width: 50%;
+  float: right;
+  text-align: right;
+  padding-right: 0;
+  margin-left: 40px;
 }
 
 figure {
diff --git a/assets/css/_ublogger_media.scss b/assets/css/_ublogger_media.scss
index 70554fc..137b0f5 100644
--- a/assets/css/_ublogger_media.scss
+++ b/assets/css/_ublogger_media.scss
@@ -205,13 +205,20 @@
     display: inline-block;
   }
 
-  .block-media_1 {
+  .block-media_column {
     .content-column {
       width: 100%;
       padding-bottom: 15px;
     }
   }
 
+  .block-media_right {
+    width: 100%;
+    text-align: center;
+    float: none;
+    margin-left: 0;
+  }
+
 }
 
 @media print {
diff --git a/layouts/shortcodes/block-media-1.html b/layouts/shortcodes/block-media-column.html
index e488714..8567011 100644
--- a/layouts/shortcodes/block-media-1.html
+++ b/layouts/shortcodes/block-media-column.html
@@ -1,4 +1,4 @@
-<div class="block-media block-media_1">
+<div class="block-media block-media_column">
     {{ $cols := split .Inner "<!--split-->" }}
 
     {{ range $cols }}
diff --git a/layouts/shortcodes/block-media-right.html b/layouts/shortcodes/block-media-right.html
new file mode 100644
index 0000000..e060bce
--- /dev/null
+++ b/layouts/shortcodes/block-media-right.html
@@ -0,0 +1,3 @@
+<div class="block-media block-media_right">
+    {{ .Inner | $.Page.RenderString }}
+</div>
\ No newline at end of file