diff options
| author | luxagraf <sng@luxagraf.net> | 2015-09-24 09:03:30 -0400 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2015-09-24 09:03:30 -0400 |
| commit | 93ac5f4acb8d1249461425c97d46bbf69915112d (patch) | |
| tree | 8a72cb933b5aaa85dc789c91abadf4c252f6f905 /design | |
| parent | 627f3e5e60f9ef071dce2b9dd57caca1939a7aa4 (diff) | |
added styles for caption beneath side by side pics
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_queries.scss | 2 | ||||
| -rw-r--r-- | design/sass/_writing_details.scss | 21 | ||||
| -rw-r--r-- | design/sass/screenv8.scss | 4 |
3 files changed, 24 insertions, 3 deletions
diff --git a/design/sass/_queries.scss b/design/sass/_queries.scss index 4adf0b0..cbfc3c3 100644 --- a/design/sass/_queries.scss +++ b/design/sass/_queries.scss @@ -2,7 +2,7 @@ $breakpoint-alpha: 38em; $breakpoint-beta: 49em; $breakpoint-gamma: 56em; $breakpoint-delta: 73.125em; -$breakpoint-epsilon: 60em; +$breakpoint-epsilon: 79.625em; @mixin breakpoint($point) { @if $point == "alpha" { diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 6483de9..f62549d 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -248,12 +248,33 @@ display: block; .picgroup { margin: 0 auto 1.5em; max-width: 90%; + .picgroup-cap { + font-size: 88%; + max-width: 550px; + margin: -8px auto 0; + text-align: left; + background: $brown; + color: #999999; + padding: 8px 1.4%; + } @include breakpoint(gamma) { img { max-width: 555px; padding: 8px; } } + @include breakpoint(delta) { + .picgroup-cap { + padding: 8px 1%; + } + } + @include breakpoint(epsilon) { + .picgroup-cap { + max-width: 1128px; + margin: -14px auto 0; + padding: 9px; + } + } } .embed-wrapper { diff --git a/design/sass/screenv8.scss b/design/sass/screenv8.scss index 8412e49..5436e27 100644 --- a/design/sass/screenv8.scss +++ b/design/sass/screenv8.scss @@ -17,8 +17,8 @@ @import "_homepage.scss"; @import "_mailing-list.scss"; @import "_birds.scss"; -//@import "_tablet.sass"; -//@import "_inbox.scss"; +@import "_books.scss"; +@import "_inbox.scss"; //@import _large.sass //@import _desktop_lg.sass |