...
 
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 ;
/* 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.