From d2bf8683758b1a4d00247d80f395f642152f99bc Mon Sep 17 00:00:00 2001 From: luxagraf Date: Thu, 17 Dec 2015 21:42:20 -0500 Subject: added basic gallery outline with new style field in admin and made thumbnails for gallery image select field --- design/sass/_inbox.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) (limited to 'design/sass') diff --git a/design/sass/_inbox.scss b/design/sass/_inbox.scss index 7f44753..f74fc31 100644 --- a/design/sass/_inbox.scss +++ b/design/sass/_inbox.scss @@ -13,3 +13,58 @@ margin-top: 3em; @include constrain_wide; } + +.photo-gallery { + margin: 0 auto; + margin-top: 1.5em; + position: relative; + width: 100%; /* for IE 6 */ + img { + width: 100%; + max-width: 100%; + padding: 0; + } + h4 { + font-weight: 500; + margin: .5em 0; + letter-spacing: 1px; + font-size: 2em; + } + time { display: inline; } + a { color: inherit;} + @include breakpoint(alpha) { + div { + position: absolute; + bottom: 28%; + left: .35em; + text-align: left; + } + time { + margin-left: .5em; + } + h4 { + font-size: 2.75em; + margin-bottom: 0; + } + p { + line-height: 1.3; + max-width: 80%; + margin-left: .25em; + @include fontsize(18); + } + } + @include breakpoint(beta) { + div { + bottom: 22%; + } + } + @include breakpoint(gamma) { + div { + bottom: 20%; + } + p { + max-width: 40%; + } + @include constrain_wide; + } +} -- cgit v1.2.3