From 97b97d51ef9d85a114740f7e6b9b9bbe8c612d5e Mon Sep 17 00:00:00 2001 From: Denis Efremov Date: Sun, 16 Sep 2018 09:44:59 +0300 Subject: [PATCH] style.scss: kg-* styles added --- assets/scss/style.scss | 58 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 57 insertions(+), 1 deletion(-) diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 5bbbdd9..0a74e2b 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -257,6 +257,27 @@ body { .post-view-content { margin-top: rem-calc(60); overflow-x: hidden; + .kg-image { + max-width: 100%; + } + .kg-width-wide .kg-image { + max-width: 1040px; + } + .kg-width-full .kg-image { + max-width: 100vw; + } + figure { + margin: 1.5em 0 3em; + } + figure img { + margin: 0; + } + figcaption { + margin: 1.0em 0 0; + font-size: 80%; + line-height: 1.6em; + text-align: center; + } } .post-meta { font-family: $headers-font; @@ -676,4 +697,39 @@ body { .main-menu-ovrl ul li { min-height: rem-calc(34); } -} \ No newline at end of file +} + +.kg-width-full figcaption { + padding: 0 1.5em; +} + +.kg-embed-card { + display: flex; + flex-direction: column; + align-items: center; + min-width: 100%; +} + +.kg-embed-card .fluid-width-video-wrapper { + margin: 0; +} + +.kg-gallery-container { + display: flex; + flex-direction: column; + max-width: 1040px; + width: 100vw; +} + +.kg-gallery-row { + display: flex; + flex-direction: row; + justify-content: center; +} + +.kg-gallery-image img { + display: block; + margin: 0; + width: 100%; + height: 100%; +}