buckram 1.5.3 → 1.7.1

package/assets/styles/components/_colors.scss

@@ -125,7 +125,7 @@ p.wp-caption-text {
 }
 
 // TITLE PAGE(S) COLOR
-#half-title-page > h1.title {
+#half-title-page > .title {
   color: if-map-get($half-title-title-color, $type);
 }
 
@@ -150,7 +150,7 @@ p.wp-caption-text {
 }
 
 // FRONT MATTER COLOR
-h1.front-matter-title {
+.front-matter-title {
   color: if-map-get($front-matter-title-color, $type);
 }
 
@@ -167,11 +167,11 @@ h1.front-matter-title {
 }
 
 // PART TITLE COLOR
-h3.part-number {
+.part-number {
   color: if-map-get($part-number-color, $type);
 }
 
-h1.part-title {
+.part-title {
   color: if-map-get($part-title-color, $type);
 }
 
@@ -181,15 +181,15 @@ h1.part-title {
   color: if-map-get($chapter-number-color, $type);
 }
 
-h2.chapter-title {
+.chapter-title {
   color: if-map-get($chapter-title-color, $type);
 }
 
-h2.chapter-subtitle {
+.chapter-subtitle {
   color: if-map-get($chapter-subtitle-color, $type);
 }
 
-h2.chapter-author {
+.chapter-author {
   color: if-map-get($chapter-author-color, $type);
 }
 
@@ -198,7 +198,7 @@ h2.chapter-author {
 }
 
 // BACK MATTER TITLE COLOR
-h1.back-matter-title {
+.back-matter-title {
   color: if-map-get($back-matter-title-color, $type);
 }
 

package/assets/styles/components/_specials.scss

@@ -3,6 +3,7 @@
 ////
 
 @import 'specials/columns';
+@import 'specials/contributors';
 @import 'specials/dropcaps';
 @import 'specials/floats';
 @import 'specials/footnotes';

package/assets/styles/components/media/_images.scss

@@ -36,7 +36,7 @@ p {
     }
 
     @if $type != 'web' {
-      &.aligncenter, &.alignleft, &.alignright {
+      &.alignleft, &.alignright {
         max-width: 50%;
       }
     }

package/assets/styles/components/pages/_back-matter.scss

@@ -59,3 +59,9 @@ div.index {
     width: auto;
   }
 }
+
+@if $type == 'prince' {
+  .back-matter.with-subsections .back-matter-ugc h1 {
+    prince-bookmark-level: 2;
+  }
+}

package/assets/styles/components/pages/_chapters.scss

@@ -27,3 +27,13 @@
     width: auto;
   }
 }
+
+@if $type == 'prince' {
+  .chapter.with-subsections .chapter-ugc h1 {
+    prince-bookmark-level: 2;
+  }
+
+  div.part ~ .chapter.with-subsections .chapter-ugc h1 {
+    prince-bookmark-level: 3;
+  }
+}

package/assets/styles/components/pages/_front-matter.scss

@@ -101,6 +101,12 @@ section.epigraph
   text-indent: 0;
 }
 
+@if $type == 'prince' {
+  .front-matter.with-subsections .front-matter-ugc h1 {
+    prince-bookmark-level: 2;
+  }
+}
+
 @if $type == 'epub' {
   @media amzn-mobi {
     #copyright-page {

package/assets/styles/components/pages/_titles.scss

@@ -9,7 +9,7 @@
   display: if-map-get($title-half-title-display, $type);
 }
 
-#half-title-page > h1.title {
+#half-title-page > .title {
   margin-top: if-map-get($title-half-title-block-margin-top, $type);
   font-family: $title-half-title-font-family;
   font-size: if-map-get($title-half-title-font-size, $type);
@@ -20,10 +20,13 @@
   word-spacing: $title-half-title-word-spacing;
   text-align: $title-half-title-align;
   text-transform: $title-half-title-text-transform;
+  @if $type == 'prince' {
+    prince-bookmark-level: none;
+  }
 }
 
 // Title Page
-h1.title {
+.title {
   margin-top: if-map-get($title-title-margin-top, $type);
   margin-right: if-map-get($title-title-margin-right, $type);
   margin-left: if-map-get($title-title-margin-left, $type);
@@ -38,6 +41,9 @@ h1.title {
   text-transform: $title-title-text-transform;
   border-bottom: if-map-get($title-title-border-bottom-width, $type) $title-title-border-bottom-style if-map-get($title-title-border-bottom-color, $type);
   padding-bottom: if-map-get($title-title-padding-bottom, $type);
+  @if $type == 'prince' {
+    prince-bookmark-level: none;
+  }
   @if $type != 'epub' {
     line-height: if-map-get($title-title-line-height, $type);
   }
@@ -57,7 +63,7 @@ h1.title {
   }
 }
 
-h2.subtitle {
+.subtitle {
   margin-top: if-map-get($title-subtitle-margin-top, $type);
   margin-right: if-map-get($title-subtitle-margin-right, $type);
   margin-left: if-map-get($title-subtitle-margin-left, $type);
@@ -77,7 +83,7 @@ h2.subtitle {
   }
 }
 
-h3.author {
+.author {
   margin-top: if-map-get($title-author-margin-top, $type);
   margin-right: if-map-get($title-author-margin-right, $type);
   margin-left: if-map-get($title-author-margin-left, $type);
@@ -90,6 +96,7 @@ h3.author {
   word-spacing: $title-author-word-spacing;
   text-align: $title-author-align;
   text-transform: $title-author-text-transform;
+  text-indent: 0;
   border-bottom: if-map-get($title-author-border-bottom-width, $type) $title-author-border-bottom-style if-map-get($title-author-border-bottom-color, $type);
   padding-bottom: if-map-get($title-author-padding-bottom, $type);
   @if $type != 'epub' {
@@ -108,7 +115,7 @@ div.publisher-logo {
   text-align: $title-publisher-logo-text-align;
 }
 
-h4.publisher {
+.publisher {
   display: block;
   float: if-map-get($title-publisher-float, $type);
   margin: if-map-get($title-publisher-margin-top, $type) if-map-get($title-publisher-margin-right, $type) if-map-get($title-publisher-margin-bottom, $type) if-map-get($title-publisher-margin-left, $type);
@@ -124,11 +131,12 @@ h4.publisher {
   word-spacing: $title-publisher-word-spacing;
   text-align: $title-publisher-align;
   text-transform: $title-publisher-text-transform;
+  text-indent: 0;
   border-bottom: if-map-get($title-publisher-border-bottom-width, $type) $title-publisher-border-bottom-style if-map-get($title-publisher-border-bottom-color, $type);
   padding-bottom: if-map-get($title-publisher-padding-bottom, $type);
 }
 
-h5.publisher-city {
+.publisher-city {
   float: if-map-get($title-publisher-city-float, $type);
   margin-top: 0;
   margin-left: if-map-get($title-publisher-city-margin-left, $type);
@@ -145,11 +153,12 @@ h5.publisher-city {
   word-spacing: $title-publisher-city-word-spacing;
   text-align: $title-publisher-city-align;
   text-transform: $title-publisher-city-text-transform;
+  text-indent: 0;
   border-bottom: if-map-get($title-publisher-city-border-bottom-width, $type) $title-publisher-city-border-bottom-style if-map-get($title-publisher-city-border-bottom-color, $type);
   padding-bottom: if-map-get($title-publisher-city-padding-bottom, $type);
 }
 
-// Prince and EPUB-specific disply rules
+// Prince and EPUB-specific display rules
 @mixin titles-prince {
   #title-page {
     > .subtitle,
@@ -168,40 +177,40 @@ h5.publisher-city {
 
 @if $type == 'epub' {
   @media amzn-kf8 {
-    #title-page h1.title::before {
+    #title-page .title::before {
       content: '';
     }
 
-    #title-page h1.title::after {
+    #title-page .title::after {
       content: '';
     }
   }
 
   @media amzn-mobi {
-    h1.title {
+    .title {
       margin-top: 2em;
       font-size: 2em;
       font-style: normal;
       font-weight: normal;
     }
 
-    h2.subtitle {
+    .subtitle {
       font-size: 1em;
       font-style: normal;
       font-weight: normal;
     }
 
-    h3.author {
+    .author {
       font-style: normal;
       font-weight: normal;
     }
 
-    h4.publisher {
+    .publisher {
       font-style: normal;
       font-weight: normal;
     }
 
-    h5.publisher-city {
+    .publisher-city {
       font-style: normal;
       font-weight: normal;
     }

package/assets/styles/components/section-titles/_back-matter.scss

@@ -12,7 +12,7 @@
       display: none;
     }
 
-    h1.back-matter-title {
+    .back-matter-title {
       display: block;
       margin-top: if-map-get($back-matter-title-margin-top, $type);
       margin-bottom: 0;
@@ -21,6 +21,9 @@
       font-style: $back-matter-title-font-style;
       font-weight: $back-matter-title-font-weight;
       hyphens: none;
+      @if $type == 'prince' {
+        prince-bookmark-level: 1;
+      }
       @if $type != 'epub' {
         line-height: if-map-get($back-matter-title-line-height, $type);
       }
@@ -46,7 +49,7 @@
       }
     }
 
-    h2.chapter-subtitle {
+    .chapter-subtitle {
       display: block;
       margin-bottom: 0;
       font-family: $section-subtitle-font-family;
@@ -63,7 +66,7 @@
       word-spacing: if-map-get($section-subtitle-word-spacing, $type);
     }
 
-    h2.chapter-author {
+    .chapter-author {
       display: block;
       margin-bottom: if-map-get($section-author-margin-bottom, $type);
       font-family: $section-author-font-family;
@@ -78,25 +81,25 @@
       word-spacing: if-map-get($section-author-word-spacing, $type);
     }
 
-    h1.back-matter-title + h2.chapter-subtitle,
-    .short-title + h2.chapter-subtitle {
+    .back-matter-title + .chapter-subtitle,
+    .short-title + .chapter-subtitle {
       margin-top: if-map-get($section-title-subtitle-spacing, $type);
     }
 
-    h1.back-matter-title + h2.chapter-author,
-    .short-title + h2.chapter-author {
+    .back-matter-title + .chapter-author,
+    .short-title + .chapter-author {
       margin-top: if-map-get($section-title-author-spacing, $type);
     }
 
-    h2.chapter-subtitle + h2.chapter-author {
+    .chapter-subtitle + .chapter-author {
       margin-top: if-map-get($section-subtitle-author-spacing, $type);
     }
 
-    h1.back-matter-title:last-child {
+    .back-matter-title:last-child {
       margin-bottom: if-map-get($back-matter-title-margin-bottom, $type);
     }
 
-    h2.chapter-subtitle:last-child {
+    .chapter-subtitle:last-child {
       margin-bottom: if-map-get($section-subtitle-margin-bottom, $type);
     }
   }
@@ -104,7 +107,7 @@
 
 @if $type == 'epub' {
   @media amzn-mobi {
-    h2.back-matter-title {
+    .back-matter-title {
       margin-top: 1em;
       margin-bottom: 1em;
       font-size: 1.3em;

package/assets/styles/components/section-titles/_chapters.scss

@@ -8,7 +8,7 @@
   .chapter-title-wrap {
     margin: if-map-get($section-header-margin-top, $type) if-map-get($section-header-margin-right, $type) if-map-get($section-header-margin-bottom, $type) if-map-get($section-header-margin-left, $type);
 
-    h2.chapter-title {
+    .chapter-title {
       border-bottom: if-map-get($chapter-title-border-bottom-width, $type) $chapter-title-border-bottom-style if-map-get($chapter-title-border-bottom-color, $type);
       padding-bottom: if-map-get($chapter-title-padding-bottom, $type);
       display: $chapter-title-display;
@@ -82,7 +82,7 @@
       }
     }
 
-    h2.chapter-subtitle {
+    .chapter-subtitle {
       display: block;
       margin-bottom: 0;
       font-family: $section-subtitle-font-family;
@@ -99,7 +99,7 @@
       word-spacing: if-map-get($section-subtitle-word-spacing, $type);
     }
 
-    h2.chapter-author {
+    .chapter-author {
       display: block;
       margin-bottom: if-map-get($section-author-margin-bottom, $type);
       font-family: $section-author-font-family;
@@ -114,28 +114,34 @@
       word-spacing: if-map-get($section-author-word-spacing, $type);
     }
 
-    h2.chapter-title + h2.chapter-subtitle,
-    .short-title + h2.chapter-subtitle {
+    .chapter-title + .chapter-subtitle,
+    .short-title + .chapter-subtitle {
       margin-top: if-map-get($section-title-subtitle-spacing, $type);
     }
 
-    h2.chapter-title + h2.chapter-author,
-    .short-title + h2.chapter-author {
+    .chapter-title + .chapter-author,
+    .short-title + .chapter-author {
       margin-top: if-map-get($section-title-author-spacing, $type);
     }
 
-    h2.chapter-subtitle + h2.chapter-author {
+    .chapter-subtitle + .chapter-author {
       margin-top: if-map-get($section-subtitle-author-spacing, $type);
     }
 
-    h2.chapter-title:last-child {
+    .chapter-title:last-child {
       margin-bottom: if-map-get($section-title-margin-bottom, $type);
     }
 
-    h2.chapter-subtitle:last-child {
+    .chapter-subtitle:last-child {
       margin-bottom: if-map-get($section-subtitle-margin-bottom, $type);
     }
   }
+
+  @if $type == 'prince' {
+    div.part ~ .chapter .chapter-title {
+      prince-bookmark-level: 2;
+    }
+  }
 }
 
 .aphorism,
@@ -177,7 +183,7 @@ blockquote.aphorism {
       margin-bottom: 0;
     }
 
-    h3.chapter-number {
+    .chapter-number {
       margin-top: 1em;
       margin-bottom: 1em;
       font-size: 1.2em;
@@ -186,7 +192,7 @@ blockquote.aphorism {
       text-align: center;
     }
 
-    h2.chapter-title {
+    .chapter-title {
       margin-top: 1em;
       margin-bottom: 1em;
       font-size: 1.5em;
@@ -195,7 +201,7 @@ blockquote.aphorism {
       text-align: center;
     }
 
-    h2.chapter-subtitle {
+    .chapter-subtitle {
       margin-top: 0.5em;
       margin-bottom: 0.5em;
       font-size: 0.9em;
@@ -204,7 +210,7 @@ blockquote.aphorism {
       text-align: center;
     }
 
-    h2.chapter-author {
+    .chapter-author {
       margin-top: 0.5em;
       margin-bottom: 0.5em;
       font-size: 0.8em;
@@ -215,11 +221,11 @@ blockquote.aphorism {
   }
 
   @media amzn-kf8 {
-    .chapter-title-wrap h2.chapter-title::before {
+    .chapter-title-wrap .chapter-title::before {
       content: '';
     }
 
-    .chapter-title-wrap h2.chapter-title::after {
+    .chapter-title-wrap .chapter-title::after {
       content: '';
     }
   }

package/assets/styles/components/section-titles/_front-matter.scss

@@ -12,7 +12,7 @@
       display: none;
     }
 
-    h1.front-matter-title {
+    .front-matter-title {
       display: block;
       margin-top: if-map-get($front-matter-title-margin-top, $type);
       margin-bottom: 0;
@@ -25,6 +25,9 @@
       letter-spacing: if-map-get($front-matter-title-letter-spacing, $type);
       word-spacing: if-map-get($front-matter-title-word-spacing, $type);
       hyphens: none;
+      @if $type == 'prince' {
+        prince-bookmark-level: 1;
+      }
       @if $type != 'epub' {
         line-height: if-map-get($front-matter-title-line-height, $type);
       }
@@ -46,7 +49,7 @@
       }
     }
 
-    h2.chapter-subtitle {
+    .chapter-subtitle {
       display: block;
       margin-bottom: 0;
       font-family: $section-subtitle-font-family;
@@ -63,7 +66,7 @@
       word-spacing: if-map-get($section-subtitle-word-spacing, $type);
     }
 
-    h2.chapter-author {
+    .chapter-author {
       display: block;
       margin-bottom: if-map-get($section-author-margin-bottom, $type);
       font-family: $section-author-font-family;
@@ -78,25 +81,25 @@
       word-spacing: if-map-get($section-author-word-spacing, $type);
     }
 
-    h1.front-matter-title + h2.chapter-subtitle,
-    .short-title + h2.chapter-subtitle {
+    .front-matter-title + .chapter-subtitle,
+    .short-title + .chapter-subtitle {
       margin-top: if-map-get($section-title-subtitle-spacing, $type);
     }
 
-    h1.front-matter-title + h2.chapter-author,
-    .short-title + h2.chapter-author {
+    .front-matter-title + .chapter-author,
+    .short-title + .chapter-author {
       margin-top: if-map-get($section-title-author-spacing, $type);
     }
 
-    h2.chapter-subtitle + h2.chapter-author {
+    .chapter-subtitle + .chapter-author {
       margin-top: if-map-get($section-subtitle-author-spacing, $type);
     }
 
-    h1.front-matter-title:last-child {
+    .front-matter-title:last-child {
       margin-bottom: if-map-get($front-matter-title-margin-bottom, $type);
     }
 
-    h2.chapter-subtitle:last-child {
+    .chapter-subtitle:last-child {
       margin-bottom: if-map-get($section-subtitle-margin-bottom, $type);
     }
   }
@@ -137,7 +140,7 @@
 
 @if $type == 'epub' {
   @media amzn-mobi {
-    h1.front-matter-title {
+    .front-matter-title {
       margin-top: 1em;
       margin-bottom: 1em;
       font-size: 1.4em;

package/assets/styles/components/section-titles/_parts.scss

@@ -71,7 +71,7 @@
 
 @if $type == 'epub' {
   @media amzn-mobi {
-    h3.part-number {
+    .part-number {
       margin-top: 1em;
       margin-bottom: 1em;
       font-size: 1.3em;
@@ -80,7 +80,7 @@
       text-align: center;
     }
 
-    h1.part-title {
+    .part-title {
       margin-top: 1em;
       margin-bottom: 1em;
       font-size: 1.4em;

package/assets/styles/components/specials/_contributors.scss

@@ -0,0 +1,99 @@
+////
+/// @group specials
+////
+
+//============================================================================//
+//                           Contributors                                     //
+//============================================================================//
+
+.contributors {
+  .chapter-authors, .book-contributors {
+    margin-top: $contributors-margin-top;
+    font-family: $body-font-family;
+  }
+
+  .about-authors {
+    margin-top: $contributors-margin-top;
+    margin-bottom: $contributors-margin-bottom;
+    text-align: $contributors-text-align;
+  }
+
+  .contributor {
+    margin-top: $contributors-margin-top;
+
+    &__type {
+      margin-top: $contributors-margin-top;
+      margin-bottom: $contributors-margin-bottom;
+    }
+    // TODO: replace clearfix hack with better CSS Grid solution when Prince supports grid layout
+    &__name__and__links:after {
+      content: "";
+      display: table;
+      clear: both;
+    }
+
+    &__profile__picture {
+      float: $contributor-profile-picture-float;
+      margin: $contributor-profile-picture-margin;
+      width: 33%;
+      max-width: 400px;
+      border-radius: $contributor-profile-picture-border-radius;
+    }
+
+    &__name__and__links > div {
+      float: $contributor-profile-picture-float;
+
+      &.contributor__info__small {
+        width: 67%;
+        padding-left: 1.5rem;
+        box-sizing: border-box;
+      }
+
+      &.contributor__info__large {
+        width: 100%;
+      }
+    }
+
+    &__name {
+      font-family: $h1-font-family;
+      font-size: $h3-font-size;
+      text-indent: $contributors-text-indent;
+      margin: 0;
+    }
+
+    &__institution {
+      font-family: $h1-font-family;
+      text-transform: $contributor-institution-text-transform;
+      text-indent: $contributors-text-indent;
+      margin: $contributor-link-margin-top;
+    }
+
+    &__website {
+      margin-top: $contributor-link-margin-top;
+      text-indent: $contributors-text-indent;
+    }
+
+    &__links {
+      margin-top: if-map-get($contributor-links-margin-top, $type);
+      display: inline-block;
+
+      a {
+        text-decoration: if-map-get($contributor-links-text-decoration, $type);
+      }
+
+      svg {
+        width: 45px;
+        height: 45px;
+      }
+    }
+
+    &__link {
+      margin-top: $contributor-link-margin-top;
+      text-indent: $contributors-text-indent;
+    }
+
+    &__bio {
+      margin-top: $contributor-bio-margin-top;
+    }
+  }
+}

package/assets/styles/components/specials/_textboxes.scss

@@ -180,20 +180,32 @@
   }
 }
 
+%learning-objectives {
+  @include educational-textbox($learning-objectives-header-color, $learning-objectives-header-background, $learning-objectives-color, $learning-objectives-background);
+}
+
+%key-takeaways {
+  @include educational-textbox($key-takeaways-header-color, $key-takeaways-header-background, $key-takeaways-color, $key-takeaways-background);
+}
+
+%exercises {
+  @include educational-textbox($exercises-header-color, $exercises-header-background, $exercises-color, $exercises-background);
+}
+
 .bcc-box {
   @extend .textbox;
 }
 
 .bcc-highlight {
-  @extend .textbox.learning-objectives;
+  @extend %learning-objectives;
 }
 
 .bcc-success {
-  @extend .textbox.key-takeaways;
+  @extend %key-takeaways;
 }
 
 .bcc-info {
-  @extend .textbox.exercises;
+  @extend %exercises;
 }
 
 .textbox--sidebar {