diff options
author | Wu Cheng-Han | 2016-07-30 11:07:08 +0800 |
---|---|---|
committer | Wu Cheng-Han | 2016-07-30 11:07:08 +0800 |
commit | 8791447ef918eb38736a94e8e126c17269f3b683 (patch) | |
tree | 9546614bf4f595ee5a93ed474d60cb783a7519a5 /public/css | |
parent | 0f4f270193261bf9d0e8fd8729b2d863a35ee5f0 (diff) |
Update to support slide preview in both mode
Diffstat (limited to 'public/css')
-rw-r--r-- | public/css/extra.css | 2 | ||||
-rw-r--r-- | public/css/slide-preview.css | 54 |
2 files changed, 56 insertions, 0 deletions
diff --git a/public/css/extra.css b/public/css/extra.css index 3ed7caa8..8e137975 100644 --- a/public/css/extra.css +++ b/public/css/extra.css @@ -81,6 +81,8 @@ } .ui-infobar { + position: relative; + z-index: 2; max-width: 758px; margin-top: 25px; margin-bottom: -25px; diff --git a/public/css/slide-preview.css b/public/css/slide-preview.css new file mode 100644 index 00000000..e1969ec9 --- /dev/null +++ b/public/css/slide-preview.css @@ -0,0 +1,54 @@ +.markdown-body.slides { + position: relative; + z-index: 1; + color: #222; +} + +.markdown-body.slides::before { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + background-color: currentColor; + box-shadow: 0 0 0 50vw; +} + +.markdown-body.slides section[data-markdown] { + position: relative; + margin-bottom: 1.5em; + background-color: #fff; + text-align: center; +} + +.markdown-body.slides section[data-markdown]::before { + content: ''; + display: block; + padding-bottom: 56.23%; +} + +.markdown-body.slides section[data-markdown] div:first-child { + position: absolute; + top: 50%; + left: 1em; + right: 1em; + transform: translateY(-50%); + max-height: 100%; + overflow: hidden; +} + +.markdown-body.slides section[data-markdown] ul { + display: inline-block; +} + +.markdown-body.slides > section > section + section::after { + content: ''; + position: absolute; + top: -1.5em; + right: 1em; + height: 1.5em; + border: 3px solid #777; +} |