diff options
Diffstat (limited to 'design/sass/_writing_details.scss')
| -rw-r--r-- | design/sass/_writing_details.scss | 101 |
1 files changed, 66 insertions, 35 deletions
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 0fc6a62..37c7c8f 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -366,50 +366,81 @@ figure.picwide img.picwide { @include constrain_wide; @extend %clearfix; margin-bottom: 1em; + max-width: 100%; + p { + max-width: 100%; + margin-top: 0; + margin-bottom: 0; + } + img { width: 100%; padding: 0; + max-width: 100%; } - div img { - float: left; - width: 100%; - padding: 0; - margin: 0 6px 6px 0; + .picwide { + margin-bottom: 0; + } + .pic66 { + max-width: 63.9%; } - div a:last-of-type { - img { - margin-right: 0; + @include breakpoint(beta-2) { + .picwide { + padding: 0; + margin-bottom: 0; + max-width: 100%; + width: 100%; + background: none; + } + .row-2 { + a:last-of-type img{ + float: right; + } + } + .row-right .pic25 { + max-width: 49%; + } + .pic25 { + max-width: 24.5%; } } - .picwide { - margin: 0; - padding: 0; - max-width: 100%; - width: 100%; - background: none; + @include breakpoint(beta) { + div img { + width: 100%; + padding: 0; + margin: 0 6px 6px 0; + } + div a:last-of-type { + img { + margin-right: 0; + } + } + .pic5 { + max-width: 49.5%; + margin: 0 6px 6px 0; + float: left; + } + .pic25 { + max-width: 50%; + } + .row-3 .pic33 { + max-width: 32.3%; + } } - .row-right { - float: right; + @include breakpoint(gamma) { + .row-right { + float: right; + } + .row-3 .pic33 { + max-width: 32.6%; + } } -} -.pic66 { - max-width: 63.9%; -} -.pic33 { - max-width: 35.5%; -} -.row-3 .pic33 { - max-width: 33%; -} -.pic5 { - max-width: 50.6%; - margin: 0 6px 6px 0; -} -.row-right .pic25 { - max-width: 49.5%; -} -.pic25 { - max-width: 24.5%; + @include breakpoint(epsilon) { + .row-3 .pic33 { + max-width: 32.8%; + } + } + } .embed-wrapper { |