summaryrefslogtreecommitdiff
path: root/design
diff options
context:
space:
mode:
Diffstat (limited to 'design')
-rw-r--r--design/sass/_queries.scss2
-rw-r--r--design/sass/_writing_details.scss21
-rw-r--r--design/sass/screenv8.scss4
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