Commit e7b05fdf authored by julientaq's avatar julientaq

initial commit based on previous repo

parents
# Created by https://www.gitignore.io/api/sass,codekit,prepros
### CodeKit ###
# General CodeKit files to ignore
config.codekit
config.codekit3
/min
### CodeKit Patch ###
*/codekit-config.json
.codekit-cache
### Prepros ###
# Config Prepros files to ignore
prepros.cfg
prepros-6.config
### Sass ###
.sass-cache/
*.css.map
### fonts and pdf export ###
css/fonts
--*
cssbook/
# End of https://www.gitignore.io/api/sass,codekit,prepros
\ No newline at end of file
.content {
margin: 0;
}
// var checker
$tester: pink;
@import "helpers/mixins";
// 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";
// numbering everything that would be to be numbered in this file.
@import "parts/numbering";
// endnotes
@import "parts/endnotes";
//design the way pictures appear
@import "parts/pictures";
//design list
@import "parts/list2";
//design tables
@import "parts/table";
//designing the chain of elements: header, paragraphs, list: describe the white space needed between elements.
@import "parts/chains";
// specific pages
// describing design for specific page. The layout for those page is not to find into the layout.css.
@import "parts/page-subvention";
@import "parts/page-half-title";
@import "parts/page-series";
@import "parts/page-title";
@import "parts/page-dedication";
@import "parts/page-epigraph";
@import "parts/page-copyright";
@import "parts/fm-body";
@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;
}
\ No newline at end of file
@mixin ruler($size, $mt) {
content: '';
height: $size;
width: 200%;
background: rgba(0, 0, 0, 0.2);
display: block;
position: absolute;
margin-top: $mt;
}
\ No newline at end of file
$background : $lineHeight - 1pt;
@page {
// background: linear-gradient(white ($background) , cyan 0);
// background-size: 100% $lineHeight;
// background-position: 0 6pt;
}
.pagination-header {
&:nth-of-type(odd) {
text-align: right;
}
&:nth-of-type(even) {
text-align: left;
}
}
.pagination-header-chapter {
// color: $colorHead;
font-family: $tocFont;
em, .italic, .Italic {
font-family: $tocFont;
}
text-transform: lowercase;
letter-spacing: 1.5pt;
}
.pagination-header-section {
color: black;
font-family: $tocFont;
font-size: 12px;
text-transform: lowercase;
letter-spacing: 1.5pt;
}
.pagination-page {
font-family: $tocFont;
font-size: $fontSize;
&:nth-child(even) {
.pagination-header {
font-size: 12px;
right: $marginOut;
left: $marginIn;
top: 0.7in;
text-align: left;
margin-left: 0.6in;
}
.pagination-pagenumber {
font-size: 12px;
right: $marginOut;
left: $marginIn;
text-align: left;
top: 0.7in;
}
//hide header section on even page
// .pagination-header-section {
// display: none;
// }
}
&:nth-child(odd) {
.pagination-header {
font-size: 12px;
right: $marginIn;
left: $marginOut;
top: 0.7in;
text-align: right;
margin-right: 0.6in;
// padding-right: 1.45in;
}
// text-align:right;
.pagination-pagenumber {
font-size: 12px;
right: $marginOut;
left: $marginIn;
text-align: right;
top: 0.7in;
}
//hide header chapter on odd page
// .pagination-header-chapter {
// display: none;
//
// }
}
}
// headers shouldn't be seen on title pages and chapter first page
.pagination-chapter {
.pagination-page {
&:first-of-type {
.pagination-header {
display: none;
}
.pagination-pagenumber {
display: none;
}
}
}
}
//folio page vide
.pagination-empty {
.pagination-header-chapter, .pagination-header-section {
display: none;
}
.pagination-pagenumber {
display: none;
}
}
\ No newline at end of file
.footnotes {
ol {margin-left: 1em;}
}
\ No newline at end of file
This diff is collapsed.
// @page {
// // size: $pageWidth $pageHeight;
// // margin-top: $marginTop;
// // margin-bottom: $marginBottom;
// // //bleed
// // bleed: 0;
// // // cropmarks
// // marks: crop;
// // non symetric pages layout
// // :right {
// // margin-left: $marginIn;
// // margin-right: $marginOut;
// // }
// // :left {
// // margin-left: $marginOut;
// // margin-right: $marginIn;
// // }
// }
/* General CSS for contents */
html {
font-family: $bodyFont;
font-weight: normal;
font-size: $fontSize;
color: $bodyColor;
font-kerning: normal;
}
p {
font-size: $fontSize;
line-height: $lineHeight;
text-align: $textAlign;
text-indent: 1pc;
margin: 0;
padding: 0;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-moz-hyphens: auto;
&:first-of-type {text-indent: 0; }
}
p, li {
strong, .bold, .Bold {
// font-family: $bodyFontBold;
// font-weight: bold;
}
}
em, .italic {
font-family: inherit;
font-style: $bodyFontItalicStyle;
font-weight: 400;
}
pre {
max-width: $pageWidth - ($marginIn + $marginOut);
}
a {
color: $colorHead;
// border-bottom: 1px solid $colorHead;
font-family: $bodyFontLink;
font-weight: 400;
// font-size: $fontSize + 1.5;
text-decoration: none;
font-style: inherit;
&:hover {
color: $colorSub;
border-bottom: 2px solid $colorSub;
// font-weight: bolder;
}
&:before {
// @extend .fa;
// content: "\f08e";
// font-size: $fontSize;
// margin-right: 2mm;
// margin-left: 1mm;
}
}
strong em {
font-weight: bold;
font-style: italic;
}
var {
font-family: $headFont;
font-weight: normal;
em, .Italic {
font-weight: normal;
font-style: normal;
}
}
// normal blockquote of the book
blockquote {
display: block;
margin-top: 13pt;
margin-bottom: 12.8pt;
margin-left: 1pc;
p {
font-style: normal;
font-size: 12px;
line-height: 12.80pt;
text-indent: 0;
text-align: justify;
margin-top: 0;
}
p + p {
margin-top: 0
}
p:last-of-type {
// margin-bottom: 13pt;
}
}
sup {
font-size: $fontSize * 0.5;
font-weight: inherit;
position: relative;
top: -3px;
vertical-align: baseline;
}
.references p {
line-height: 16px;
font-size: 13px;
}
hr {
&:after {
content: "• • •";
height: 17px;
display: block;
text-align: center;
font-size: 9px;
letter-spacing: 1em;
}
break-before: avoid;
margin-top: 5px;
margin-bottom: 29px;
border: none;
&.ls {
height: 0px;
&:after {
content: "\2002";
}
}
}
.small-caps {
font-variant-caps: all-small-caps;
// old syntax
font-feature-settings: "smcp", "c2sc";
}
.old-style-figures {
font-variant-numeric: oldstyle-nums;
font-feature-settings: "onum";
}
\ No newline at end of file
//widows & orphans
p,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
// widows: 2;
orphans: 2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
// widows: 2;
hyphens: none;
}
//pagebreak avoid
.pagination-pagebreak,
chaptertitle,
img,
h1,
h2,
h3 {
break-inside: avoid;
}
.no-page-break {
break-inside: avoid;
}
#no-page-break {
break-inside: avoid;
}
//chaining of elements;
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + h2,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h2,
h4 + h3,
h4 + h4,
h4 + h5,
h4 + h6,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h6,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5,
h6 + h6,
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p,
h1 + ol,
h2 + ol,
h3 + ol,
h4 + ol,
h5 + ol,
h6 + ol,
h1 + ul,
h2 + ul,
h3 + ul,
h4 + ul,
h5 + ul,
h6 + ul,
h1 + ol li:first-of-type,
h2 + ol li:first-of-type,
h3 + ol li:first-of-type,
h4 + ol li:first-of-type,
h5 + ol li:first-of-type,
h6 + ol li:first-of-type,
h1 + ul > li:first-of-type,
h2 + ul > li:first-of-type,
h3 + ul > li:first-of-type,
h4 + ul > li:first-of-type,
h5 + ul > li:first-of-type,
h6 + ul > li:first-of-type,
li ul,
li ol {
page-break-before: avoid;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
text-indent: 0;
}
ol + h2 {
margin-top: 33px;
}
h2, div > h2.fm1:first-of-type {
margin-top: 0;
}
section {
.fmtxt + .fmh {
margin-top: 34px;
}
}
hgroup + h2 {
margin-top: 0;
}
p {
+ h2 {
margin-top: 18px;
}
+ h3 {
margin-top: 0px;
}
}
h2 {
// Padding-top when beginning of the page.
margin-bottom: 0;
padding-top: 4px;
& + p {
margin-top: 12px;
}
&:after {
// @include ruler(29px, -6px);
}
}
h3 {
// padding is here to hack when the first element of the page
padding-top: 10px;
// background:red;
& + p {
margin-top: 7px;
}
&:after {
// @include ruler(29px, -6px);
}
}
ol, ul, hr {
+ 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;
}
.ct:last-child {
margin-bottom: 166px;
}
}
}
hgroup + h2 {
// margin-top: -22px;
}
ol, ul {
> li:first-child {
padding-top: 8px;
}
li:last-child {
margin-bottom: 9px;
}
}
\ No newline at end of file
html {
counter-reset: chapter;
}
.ht {
margin-top: 8px;
margin-bottom: 0;
}
.chapter {
hgroup {
&:after {
// @include ruler(75px, -200px);