...
 
Commits (2)
// why is there a content class?
.content {
margin: 0;
}
// var checker
$tester: pink;
// variables declarations
@import "parts/vars";
// mixins
@import "helpers/mixins";
// baseline grid
@import "helpers/layout";
// simple reset scss
@import "parts/reset";
// fontface declarations
@import "parts/fontface";
// variables declarations
@import "parts/vars";
//Everything typographic related comes here
@import "parts/bodyStyle";
@import "parts/headerStyle";
// based on UCP styles
@import "parts/display";
......@@ -37,7 +48,7 @@ $tester: pink;
@import "parts/pictures";
//design list
@import "parts/list2";
@import "parts/list";
//design tables
@import "parts/table";
......@@ -58,22 +69,3 @@ $tester: pink;
@import "parts/page-toc";
// @import "parts/page-part";
.numbering p {
font-size: $fontSize;
line-height: $lineHeight;
// border-bottom: 1px solid grey;
box-sizing: content-box;
padding: 0;
margin: 0;
text-indent: 0;
text-align: right;
background: grey;
display: block;
height:17px;
overflow: hidden;
}
.numbering p:nth-of-type(2n) {
background: lightgrey;
}
// this helpers show the number of lines
.numbering p {
font-size: $fontSize;
line-height: $lineHeight;
box-sizing: content-box;
padding: 0;
margin: 0;
text-indent: 0;
text-align: right;
background: grey;
display: block;
height:17px;
overflow: hidden;
}
.numbering p:nth-of-type(2n) {
background: lightgrey;
}
// 1 px = 0.75 point; 1 point = 1.333333 px
@mixin ruler($size, $mt) {
content: '';
height: $size;
......
// @font face import the font using only otf for now
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-Regular.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-Regular.otf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-It.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-It.otf);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-Bold.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-Bold.otf);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'MinionPro';
src: url('fonts/MinionPro-BoldIt.otf');
font-family: "Minion Pro";
src: url(fonts/MinionPro-BoldIt.otf);
font-weight: bold;
font-style: italic;
}
\ No newline at end of file
}
......@@ -3,102 +3,63 @@
ul,
ol {
margin: 0;
// margin-bottom: 17px;
padding: 0;
text-indent: 0;
ul,
ol {
margin-left: 2.1em;
margin-left: 2.1em;
}
p {
text-indent: 0;
text-align: left;
hyphens: none
}
}
// numbering here
ol {
counter-reset: list-num;
ol, ul {
list-style-position: outside;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
li {
list-style-type: none;
counter-increment: list-num;
margin-left: 2em;
&:before {
content: counter(list-num)". ";
display: inline-block;
float: left;
padding-left: 0.25em;
margin-right: 0.4em;
margin-left: -1.7em;
text-align: left;
width: 1em;
padding-top: 1px;
font-style: normal;
}
// change the style when there more than 10 li.
&:nth-child(n + 10) {
list-style-type: none;
counter-increment: list-num;
&:before {
padding-left: 0;
margin-right: 0.6em;
width: 1em;
}
lh.lpti {
margin-left: 1.5em;
letter-spacing: 1px;
// margin-top: 10px;
// margin-bottom: 3px;
margin-top: 16px;
margin-bottom: 2px;
@extend .small-caps;
display: block;
& + li {
margin-top: 0;
}
}
li {
margin-left: 1.5em;
// margin-left: 1em;
}
& > li:first-of-type {
margin-top: 17px;
// background: red;
}
li:nth-of-type(n + 9) {
margin-left: 1.5em;
}
}
// unordered list
ul {
margin-left: 1.5em;
li {
list-style-type: none;
&:before {
content: "•";
display: block;
float: left;
// width: auto;
// margin-left: 1em;
padding-left: 0.5em;
margin-right: 0.9em;
text-align: left;
}
list-style-type: bullet;
list-style-position: outside;
}
}
// FLEX RESEARCH. COME BACK LATER
// flex column doesnt work since height of the list is not defined, and cant be without knowing the content.
// .undecorated {
// display: flex;
// flex-direction: column;
// li {
// padding-left: 0;
// text-indent: 0;
// flex-direction: row;
// width: 100%;
// justify-content: space-around;
// vertical-align: baseline;
// justify-content: distribute-space;
// align-content: baseline;
// &:before {
// content: ' ';
// width: 0;
// padding: 0;
// margin: 0;
// }
// abbr {
// display: block;
// float: left;
// width: 20ch;
// padding-left: 12px;
// text-indent: -12px;
// //         display: flex;
// }
// }
// }
/* list */
ul,
ol {
margin: 0;
// margin-bottom: 17px;
padding: 0;
text-indent: 0;
ul,
ol {
margin-left: 2.1em;
}
p {
text-indent: 0;
text-align: left;
hyphens: none
}
}
// numbering here
ol, ul {
list-style-position: outside;
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
lh.lpti {
margin-left: 1.5em;
letter-spacing: 1px;
// margin-top: 10px;
// margin-bottom: 3px;
margin-top: 16px;
margin-bottom: 2px;
@extend .small-caps;
display: block;
& + li {
margin-top: 0;
}
}
li {
margin-left: 1.5em;
// margin-left: 1em;
}
& > li:first-of-type {
margin-top: 17px;
// background: red;
}
li:nth-of-type(n + 9) {
margin-left: 1.5em;
}
}
// unordered list
ul {
margin-left: 1.5em;
li {
list-style-type: bullet;
list-style-position: outside;
}
}
$note-margins: 6pt;
section[data-type="seriePage"] {
font-size: 11px;
line-height: 14px;
line-height: 17px;
.st {
text-align: center;
margin-top: 0;
......
.subvention p {
/* style for the Lumino subvention paragraph */
[data-type="subvention"] p {
font-size: 12px;
line-height: 11pt;
font-family: inherit;
text-align: left;
line-height: 17px;
text-align: center;
text-align-last: center;
}
......@@ -35,17 +35,14 @@
&:after {
// insert torn here
position: absolute;
left: 10.5pc;
// left: 10.5pc;
content: ' ';
display: block;
display: flex;
width: 2pc;
margin: 0 auto;
margin-top: 4pc;
text-align: center;
margin-top: 2.17pc;
height: 1pt;
border-bottom: 0.3pt solid black;
margin-top: 60px;
height: 1px;
border-bottom: 1px solid black; // was 0.3pt
}
}
......
.ct {
margin-top: 42px;
padding-left: 55px;
padding-right: 55px;
font-size: 24px;
line-height: 34px;
text-transform: none;
font-weight: 400;
text-align: center;
text-transform: capitalize;
margin-bottom: 0;
&:before {
@extend .old-style-figures;
content: counter(chapter);
counter-increment: chapter;
text-align: center;
font-size: 16px;
border-bottom: 0.5px solid black;
margin: 0 auto 17px;
display: block;
// padding: 0 1em 0.5em;
letter-spacing: 1px;
clear: both;
width: 32px;
height: 31px;
}
}
.cst {
padding-left: 55px;
padding-right: 55px;
font-size: 17px;
line-height: 21px;
font-style: italic;
text-align: center;
&:before {}
}
.cau {
padding-left: 35px;
padding-right: 35px;
font-size: 13px;
margin-top: 13px;
text-indent: 0;
text-align: center;
}
.cep {
font-size: 12px;
line-height: 17px;
font-style: italic;
width: 350px;
margin: 0 auto;
text-align: justify;
text-indent: 0;
//margin-top: 25px;
&:before {
// @include ruler(30.5pt, -20px);
}
em {
font-style: normal;
}
}
.cepsn {
@extend .small-caps;
font-size: 11px;
line-height: 16px;
font-style: normal;
width: 350px;
letter-spacing: 1px;
margin: 0 auto;
text-align: justify;
text-indent: 0;
padding-top: 3px; /* align on baseline */
padding-bottom: 8px; /* align on baseline */
&:before {
//@include ruler(13pt, 0);
}
}
hgroup {
+ p {
text-indent: 0;
}
}
/*
.chapter {
hgroup {
.cepsn:last-child {
margin-bottom: 0;
}
.cep:last-child {
margin-bottom: 88px;
}
.cst:last-child {
margin-bottom: 135px;
}
.cau:last-child {
margin-bottom: 105px;
}
}
}
*/
/* CLEAN */
/* Select chap title alone ou cst précédé de ct ou cau précédé de ct ...*/
.ct{
margin-bottom: 166px;
color:blue;
}
/* Space between chapter title (ct) and chapter subtitle ----------------------------- */
.cst{
margin-top: -158px;
}
/* Space between chapter subtitle (cst) and first chapter opening -------------------- */
/* Chapter Subtitle (1 line) */
.cst:not(.cst-2):not(.cst-3):not(.cst-4){
margin-bottom: 135px;
}
/* Chapter Subtitle 2 lines */
.cst-2{
margin-bottom: 114px; /* 114 */
}
/* Chapter Subtitle 3 lines */
.cst-3{
margin-bottom: 93px; /* 93 */
}
/* Chapter Subtitle 4 lines */
.cst-4{
margin-bottom: 72px; /* 72 */
}
/* Author (cau) -------------------------------------------------------------------------- */
/* Select cau below ct */
.cau{
margin-top: -154px;
margin-bottom: 136px;
}
/* Select cau below cst 1 line */
.cst:not(.cst-2):not(.cst-3):not(.cst-4) + .cau{
margin-top: -118px;
margin-bottom: 102px;
}
/* Select cau below cst 2 lines */
.cst-2 + .cau{
margin-top: -70px;
margin-bottom: 68px;
}
/* Select cau below cst 2 lines */
.cst-3 + .cau{
margin-top: -67px;
margin-bottom: 68px;
}
/* Select cau below cst 3 lines */
.cst-4 + .cau{
margin-top: -50px;
margin-bottom: 68px;
}
/* CEP below ct-------------------------------------------------------------------------- */
/* Select cep below ct */
.cep,
.cepo{
/* TO_DO */
}
/* CEP below cst -------------------------------------------------------------------------- */
/* Select cep below cst 1 line */
.cst:not(.cst-2):not(.cst-3):not(.cst-4) + .cep,
.cst:not(.cst-2):not(.cst-3):not(.cst-4) + .cepo{
margin-top: -112px;
}
/* Select cep(o) with cst 2 lines above */
.cst-2 + .cep,
.cst-2 + .cepo{
margin-top: -91px;
}
/* Select cep(o) with cst 3 lines above */
.cst-3 + .cep,
.cst-3 + .cepo{
margin-top: -74px;
}
/* Select last cepsn of cep(o) with cst 2 or 3 lines above */
.cst-2 ~ .cep + .cepsn,
.cst-2 ~ .cepo + .cepsn,
.cst-3 ~ .cep + .cepsn,
.cst-3 ~ .cepo + .cepsn{
margin-bottom: 81px;
}
/* Select last cepsn if there are 2 cep(o) ith cst 2 or 3 lines above*/
.cst-2 ~ .cep ~ .cepsn ~ .cep + .cepsn,
.cst-2 ~ .cepo ~ .cepsn ~ .cep + .cepsn,
.cst-2 ~ .cep ~ .cepsn ~ .cepo + .cepsn,
.cst-2 ~ .cepo ~ .cepsn ~ .cepo + .cepsn,
.cst-3 ~ .cep ~ .cepsn ~ .cep + .cepsn,
.cst-3 ~ .cepo ~ .cepsn ~ .cep + .cepsn,
.cst-3 ~ .cep ~ .cepsn ~ .cepo + .cepsn,
.cst-3 ~ .cepo ~ .cepsn ~ .cepo + .cepsn{
margin-bottom: 85px;
}
/* Select cep(o) with cst 4 lines above */
.cst-4 + .cep,
.cst-4 + .cepo{
margin-top: -49px;
}
/* Select last cepsn of cep(o) with cst 4 lines above */
.cst-4 ~ .cep + .cepsn,
.cst-4 ~ .cepo + .cepsn{
margin-bottom: 73px;
}
/* Select last cepsn if there are 2 cep(o) ith cst 2 or 3 lines above*/
.cst-4 ~ .cep ~ .cepsn ~ .cep + .cepsn,
.cst-4 ~ .cepo ~ .cepsn ~ .cep + .cepsn,
.cst-4 ~ .cep ~ .cepsn ~ .cepo + .cepsn,
.cst-4 ~ .cepo ~ .cepsn ~ .cepo + .cepsn{
margin-bottom: 85px;
}
/* CEP below cau -------------------------------------------------------------------------- */
/* Select cep(o) below cau */
.cau + .cep,
.cau + .cepo{
margin-top: -78px;
}
.cepsn {
margin-bottom: 68px;
}
/* Select cep(o) below cau (if there are csp 2 line)*/
.cst-2 ~ .cau + .cep,
.cst-2 ~.cau + .cepo{
margin-top: -38px;
color:red;
}
/* to-continue */
/* Space between 2 cep(o) -------------------------------------------------------------------------- */
.cepsn + .cep,
.cepsn + .cepo {
margin-top: -61px; /* if jump 1 line more = -41px */
}
// Gutter Margin: 3/4"
// Text/Display Typeface: Minion Pro (Open Type)
// General Text: 10/12.5 Minion Pro x 27 picas. First paragraph following chapter opening display or subheads or line space begins flush left. All other paragraphs indent 1 pica. OK to set isolated page spreads one line short only.
// Prose Extract: 9/11.5 Minion Pro x 25 picas, center block. Allow 18 pts above and 19.5 pts below. Sources (EXSN) run in at same size.
// Footnotes: 8/10.5 Minion Pro x 27 picas
// Backnotes/Bibliography: 9/11.5 Minion Pro x 27 picas.
// Index: 8/10 Minion Pro x 13 + 1 + 13 picas, rag right. Allow 20 pts between alphabetical sections. Runovers align on 1 pica indent. Note: alternate spec offered for indent-style.
// Small Caps: Included in specs for source notes, in table of contents, and in tables.
// Figures: Use old style figures for all elements except table body elements, superscript note numbers in text, and all-cap headings. Small cap text use old style figures.
// Measurements: All vertical dimensions are specified in base-to-base measurements unless otherwise specified. Letterspacing is specified in InDesign tracking increments.
//Choosing the fonts
//font for the body
$bodyFont: "Minion Pro";
// $bodyFont: "Serif";
......
......@@ -3,20 +3,17 @@
width: 20pc;
.cp, .cip {
margin-top: 21pt;
margin-top: 34px;
&:after {
// @include ruler(31.5pt , -3.5pt)
@include ruler(31.5pt , -3.5pt)
}
p {
font-size: 8pt;
line-height: 10.5pt;
font-size: 12px;
line-height: 17px;
hyphens: inherit;
text-indent: 0;
text-align: left;
margin-top: 1pt;
// margin-top: 1pt;
}
}
......
/* style for the Lumino subvention paragraph */
[data-type="subvention"] p {
font-size: 12px;
line-height: 15px;
font-family: inherit;
text-align: center;
text-align-last: center;
}
This diff is collapsed.
......@@ -8,7 +8,9 @@ Define flow with specific updated layout on different pages
size: 6in 9in;
}
@import 'add-to-style.css';
/* Also an issue for printing—Chrome 52 ignores the (probably unknowable for it) printer pixels and uses 1px = 1/72in as the thinnest possible line. Tried fractional pixels, inches, ems—none would create a line thinner than 1/72in. Even in a print media query. Tempted to see if using an image works, but I suspect I'll just make my peace with the chubby rules – Roger Krueger Aug 30 '16 at 3:03 */
/* @import 'add-to-style.css'; */
.numbering {
-epubx-flow-into: lines;
......
......@@ -15,7 +15,7 @@
@-epubx-page-master chapterStartMaster {
/*background-image: url(helpers/text-chapterTitle-big.png) ;*/
/* background-image: url(helpers/text-chapterTitle-big.png) ; */
background-size: cover;
background-position: 0 77px , 0 0 ;
......
......@@ -9,7 +9,7 @@
section[data-type="subvention"] {
page-break-before: right;
/* hack for change partition dimensions */
margin-top: 52px;
margin-top: 51px;
margin-left: 63px;
margin-right: 63px;
}
......@@ -26,7 +26,7 @@
section[data-type="titlepage"] {
page-break-before: right;
page-break-after: always;
/* hack for change partition dimensions */
/* hack to change partition dimensions */
margin-top: 35px;
}
......@@ -55,7 +55,7 @@
section[data-type="copyright"] {
page-break-before: always;
page-break-after: always;
/* hack for change partition position */
/* hack to change partition position */
position:absolute;
bottom: 2px;
}
......@@ -63,6 +63,9 @@
@-epubx-page-master front {
@-epubx-partition class(page) {
-epubx-flow-from: front-flow;
-epubx-required: true;
......@@ -74,7 +77,10 @@
left: 104px;
right: 104px;
}
@import "helpers/numbering.css";
@import "helpers/baseline.css";
background: url(helpers/04-titlepage.png);
background-size: cover;
}
section[data-type="fmBody"] .fmh{
section[data-type="fmBody"] .fmh {
-epubx-flow-into: fmBody-start;
-epub-flow-option:
}
......
background-image: repeating-linear-gradient(180deg, transparent 0, transparent 16px , rgba(0,255,0,0.7) 17px) , url(grid.png) ;
background-size: cover;
background-position: 0 8px , 0 0 ;
background-image: linear-gradient(180deg, transparent 0, transparent 16px , magenta 17px) , url(grid.png) ;
background-size: 100% 17px, cover;
background-repeat: repeat-Y, no-repeat;
background-position: 0px 8px , 0 0 ;
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
/* Folio for start pages */
/* Pagenumber for pages that begin a chapter
-- The pagenumber is centered below the chapter. To do so, we use a hack where we create an empty div with a class of 'folio' with a css counter. This is also the only way to use typographical enhancements such as small caps. */
.folio {
-epubx-flow-into: startFolio;
......@@ -19,7 +21,7 @@
text-align: center;
}
/* Running title left */
/* Running header left */
.dup {
-epubx-flow-into: header;
......@@ -39,7 +41,7 @@
content: counter(page) "\2002\2002\2002";
}
/* Running title right */
/* Running header right */
.booktitle {
line-height: 1.2;
......
.copyright {
hyphens: none;
width: 20pc; }
.copyright .cp, .copyright .cip {
margin-top: 21pt; }
.copyright .cp p, .copyright .cip p {
font-size: 8pt;
line-height: 10.5pt;
hyphens: inherit;
text-indent: 0;
text-align: left;
margin-top: 1pt; }
width: 20pc;
}
.copyright .cp, .copyright .cip {
margin-top: 21pt;
}
.copyright .cp p, .copyright .cip p {
font-size: 8pt;
line-height: 10.5pt;
hyphens: inherit;
text-indent: 0;
text-align: left;
margin-top: 1pt;
}
/*# sourceMappingURL=page-copyright.css.map */
This diff is collapsed.
This diff is collapsed.
......@@ -4,20 +4,20 @@ html
meta(charset='UTF-8')
meta(lang='en-US')
link(rel='stylesheet', href='css/book.css', type='text/css')
link(rel='stylesheet', href='css/layout-new-min.css', type='text/css')
link(rel='stylesheet', href='css/layout.css', type='text/css')
body
.booktitle Christianity, Islam and Oriṣa Religion
include parts/numbering.pug
.frontmatter
include parts/subvention.pug
include parts/copyright.pug
include parts/halftitle.pug
//- include parts/subvention.pug
//- include parts/copyright.pug
//- include parts/halftitle.pug
include parts/title.pug
include parts/dedication.pug
include parts/toc.pug
include parts/aknowledgment.pug
include parts/introduction.pug
.body
//- include parts/dedication.pug
//- include parts/toc.pug
//- include parts/aknowledgment.pug
//- include parts/introduction.pug
//- .body
include parts/part-1.pug
include parts/chapter-1.pug
include parts/chapter-2.pug
......
This diff is collapsed.
This diff is collapsed.