diff --git a/.stylelintrc b/.stylelintrc
index b5e05ffda336c7b56a5ebece557112e203818ecc..e8e340e04147be7c68555201b45b392d0fc43f1f 100644
--- a/.stylelintrc
+++ b/.stylelintrc
@@ -1,4 +1,3 @@
{
"extends": ["stylelint-config-pubsweet", "stylelint-config-prettier"]
}
-
diff --git a/packages/components/packages/Blog/Blog.local.scss b/packages/components/packages/Blog/Blog.local.scss
index 8b137891791fe96927ad78e64b0aad7bded08bdc..9ad02b6f44bac4527c792a3a66492f0f6270122e 100644
--- a/packages/components/packages/Blog/Blog.local.scss
+++ b/packages/components/packages/Blog/Blog.local.scss
@@ -1 +1 @@
-
+// This file is meant to be overridden by the styles provided by pubsweet-theme-plugin (this way of theming is deprecated)
diff --git a/packages/components/packages/Epub/themes/default.css b/packages/components/packages/Epub/themes/default.css
index 61122503185ace68ca4a3b797ef84cd8b3c6364a..2f61c090ba0cc85d383f444f171f6f7a1d224275 100644
--- a/packages/components/packages/Epub/themes/default.css
+++ b/packages/components/packages/Epub/themes/default.css
@@ -1,329 +1,338 @@
@charset "UTF-8";
+/* stylelint-disable */
+
.content {
- margin: 0;
+ margin: 0;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
/* Document
========================================================================== */
+
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
- html {
- -ms-text-size-adjust: 100%;
+html {
+ -ms-text-size-adjust: 100%;
- /* 2 */
- -webkit-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
- /* 2 */
- }
+ /* 2 */
+}
/* Sections
========================================================================== */
+
/**
* Remove the margin in all browsers (opinionated).
*/
- body {
- margin: 0;
- }
+body {
+ margin: 0;
+}
/**
* Add the correct display in IE 9-.
*/
- article,
- aside,
- footer,
- header,
- nav,
- section {
- display: block;
- }
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
- h1 {
- font-size: 2em;
- margin: 0.67em 0;
- }
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
/* Grouping content
========================================================================== */
+
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
- figcaption,
- figure,
- main {
- /* 1 */
- display: block;
- }
+figcaption,
+figure,
+main {
+ /* 1 */
+ display: block;
+}
/**
* Add the correct margin in IE 8.
*/
- figure {
- margin: 1em 40px;
- }
+figure {
+ margin: 1em 40px;
+}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
- hr {
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
- /* 1 */
- height: 0;
+ /* 1 */
+ height: 0;
- /* 1 */
- overflow: visible;
+ /* 1 */
+ overflow: visible;
- /* 2 */
- }
+ /* 2 */
+}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
- pre {
- font-family: monospace, monospace;
+pre {
+ font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
+ /* 1 */
+ font-size: 1em;
- /* 2 */
- }
+ /* 2 */
+}
/* Text-level semantics
========================================================================== */
+
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
- a {
- background-color: transparent;
+a {
+ background-color: transparent;
- /* 1 */
- -webkit-text-decoration-skip: objects;
+ /* 1 */
+ -webkit-text-decoration-skip: objects;
- /* 2 */
- }
+ /* 2 */
+}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
- abbr[title] {
- border-bottom: none;
+abbr[title] {
+ border-bottom: none;
- /* 1 */
- text-decoration: underline;
+ /* 1 */
+ text-decoration: underline;
- /* 2 */
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
+ /* 2 */
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
- /* 2 */
- }
+ /* 2 */
+}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
- b,
- strong {
- font-weight: inherit;
- }
+b,
+strong {
+ font-weight: inherit;
+}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
- b,
- strong {
- font-weight: bolder;
- }
+b,
+strong {
+ font-weight: bolder;
+}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
- code,
- kbd,
- samp {
- font-family: monospace, monospace;
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
- /* 1 */
- font-size: 1em;
+ /* 1 */
+ font-size: 1em;
- /* 2 */
- }
+ /* 2 */
+}
/**
* Add the correct font style in Android 4.3-.
*/
- dfn {
- font-style: italic;
- }
+dfn {
+ font-style: italic;
+}
/**
* Add the correct background and color in IE 9-.
*/
- mark {
- background-color: #ff0;
- color: #000;
- }
+mark {
+ background-color: #ff0;
+ color: #000;
+}
/**
* Add the correct font size in all browsers.
*/
- small {
- font-size: 80%;
- }
+small {
+ font-size: 80%;
+}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
- sub,
- sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
-
- sub {
- bottom: -0.25em;
- }
-
- sup {
- top: -0.5em;
- }
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
/* Embedded content
========================================================================== */
+
/**
* Add the correct display in IE 9-.
*/
- audio,
- video {
- display: inline-block;
- }
+audio,
+video {
+ display: inline-block;
+}
/**
* Add the correct display in iOS 4-7.
*/
- audio:not([controls]) {
- display: none;
- height: 0;
- }
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
/**
* Remove the border on images inside links in IE 10-.
*/
- img {
- border-style: none;
- }
+img {
+ border-style: none;
+}
/**
* Hide the overflow in IE.
*/
- svg:not(:root) {
- overflow: hidden;
- }
+svg:not(:root) {
+ overflow: hidden;
+}
/* Forms
========================================================================== */
+
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
- button,
- input,
- optgroup,
- select,
- textarea {
- font-family: sans-serif;
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif;
- /* 1 */
- font-size: 100%;
+ /* 1 */
+ font-size: 100%;
- /* 1 */
- line-height: 1.15;
+ /* 1 */
+ line-height: 1.15;
- /* 1 */
- margin: 0;
+ /* 1 */
+ margin: 0;
- /* 2 */
- }
+ /* 2 */
+}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
- button,
- input {
- /* 1 */
- overflow: visible;
- }
+button,
+input {
+ /* 1 */
+ overflow: visible;
+}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
- button,
- select {
- /* 1 */
- text-transform: none;
- }
+button,
+select {
+ /* 1 */
+ text-transform: none;
+}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
- button,
- html [type="button"],
- [type="reset"],
- [type="submit"] {
- -webkit-appearance: button;
+button,
+html [type='button'],
+[type='reset'],
+[type='submit'] {
+ -webkit-appearance: button;
- /* 2 */
- }
+ /* 2 */
+}
/**
* Remove the inner border and padding in Firefox.
*/
- button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
- }
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
/**
* Restore the focus styles unset by the previous rule.
*/
- button:-moz-focusring,
- [type="button"]:-moz-focusring,
- [type="reset"]:-moz-focusring,
- [type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
- }
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
/**
* Correct the padding in Firefox.
*/
- fieldset {
- padding: 0.35em 0.75em 0.625em;
- }
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
/**
* 1. Correct the text wrapping in Edge and IE.
@@ -331,733 +340,754 @@
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
- legend {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+legend {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
- /* 1 */
- color: inherit;
+ /* 1 */
+ color: inherit;
- /* 2 */
- display: table;
+ /* 2 */
+ display: table;
- /* 1 */
- max-width: 100%;
+ /* 1 */
+ max-width: 100%;
- /* 1 */
- padding: 0;
+ /* 1 */
+ padding: 0;
- /* 3 */
- white-space: normal;
+ /* 3 */
+ white-space: normal;
- /* 1 */
- }
+ /* 1 */
+}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
- progress {
- display: inline-block;
+progress {
+ display: inline-block;
- /* 1 */
- vertical-align: baseline;
+ /* 1 */
+ vertical-align: baseline;
- /* 2 */
- }
+ /* 2 */
+}
/**
* Remove the default vertical scrollbar in IE.
*/
- textarea {
- overflow: auto;
- }
+textarea {
+ overflow: auto;
+}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
- [type="checkbox"],
- [type="radio"] {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
+[type='checkbox'],
+[type='radio'] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
- /* 1 */
- padding: 0;
+ /* 1 */
+ padding: 0;
- /* 2 */
- }
+ /* 2 */
+}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
- [type="number"]::-webkit-inner-spin-button,
- [type="number"]::-webkit-outer-spin-button {
- height: auto;
- }
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+ height: auto;
+}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
- [type="search"] {
- -webkit-appearance: textfield;
+[type='search'] {
+ -webkit-appearance: textfield;
- /* 1 */
- outline-offset: -2px;
+ /* 1 */
+ outline-offset: -2px;
- /* 2 */
- }
+ /* 2 */
+}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
- [type="search"]::-webkit-search-cancel-button,
- [type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
- }
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
- ::-webkit-file-upload-button {
- -webkit-appearance: button;
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
- /* 1 */
- font: inherit;
+ /* 1 */
+ font: inherit;
- /* 2 */
- }
+ /* 2 */
+}
/* Interactive
========================================================================== */
+
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
- details,
- menu {
- display: block;
- }
+details,
+menu {
+ display: block;
+}
/*
* Add the correct display in all browsers.
*/
- summary {
- display: list-item;
- }
+summary {
+ display: list-item;
+}
/* Scripting
========================================================================== */
+
/**
* Add the correct display in IE 9-.
*/
- canvas {
- display: inline-block;
- }
+canvas {
+ display: inline-block;
+}
/**
* Add the correct display in IE.
*/
- template {
- display: none;
- }
+template {
+ display: none;
+}
/* Hidden
========================================================================== */
+
/**
* Add the correct display in IE 10-.
*/
- [hidden] {
- display: none;
- }
-
- @font-face {
- font-family: 'Minion Pro';
- src: url("fonts/MinionPro-Regular.otf");
- font-weight: normal;
- font-style: normal;
- }
-
- @font-face {
- font-family: 'Minion Pro';
- src: url("fonts/MinionPro-It.otf");
- font-weight: normal;
- font-style: italic;
- }
-
- @font-face {
- font-family: 'Minion Pro';
- src: url("fonts/MinionPro-Bold.otf");
- font-weight: bold;
- font-style: normal;
- }
-
- @font-face {
- font-family: 'Minion Pro';
- src: url("fonts/MinionPro-BoldIt.otf");
- font-weight: bold;
- font-style: italic;
- }
-
- /* colors for the books */
+[hidden] {
+ display: none;
+}
+
+@font-face {
+ font-family: 'Minion Pro';
+ font-style: normal;
+ font-weight: normal;
+ src: url('fonts/MinionPro-Regular.otf');
+}
+
+@font-face {
+ font-family: 'Minion Pro';
+ font-style: italic;
+ font-weight: normal;
+ src: url('fonts/MinionPro-It.otf');
+}
+
+@font-face {
+ font-family: 'Minion Pro';
+ font-style: normal;
+ font-weight: bold;
+ src: url('fonts/MinionPro-Bold.otf');
+}
+
+@font-face {
+ font-family: 'Minion Pro';
+ font-style: italic;
+ font-weight: bold;
+ src: url('fonts/MinionPro-BoldIt.otf');
+}
+
+/* colors for the books */
+
/*needed Vars
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
+
/* General CSS for contents */
html {
- font-family: "Minion Pro";
- font-weight: normal;
- font-size: 13px;
- color: black;
- -webkit-font-kerning: normal;
- font-kerning: normal;
+ color: black;
+ font-family: 'Minion Pro';
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 13px;
+ font-weight: normal;
}
p {
- font-size: 13px;
- line-height: 17px;
- text-align: justify;
- text-indent: 0;
- margin: 0;
- padding: 0;
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- -moz-hyphens: auto;
+ font-size: 13px;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+ line-height: 17px;
+ margin: 0;
+ padding: 0;
+ text-align: justify;
+ text-indent: 0;
}
p:first-of-type {
- text-indent: 0;
+ text-indent: 0;
}
p + p {
- text-indent: 1pc;
+ text-indent: 1pc;
}
-em, .italic {
- font-family: inherit;
- font-style: italic;
- font-weight: 400;
+em,
+.italic {
+ font-family: inherit;
+ font-style: italic;
+ font-weight: 400;
}
pre {
- max-width: (6in - 0.75) in0 0.75 in;
+ max-width: (6in - 0.75) in0 0.75 in;
}
a {
- color: black;
- font-family: "Minion Pro";
- font-weight: 400;
- text-decoration: none;
- font-style: inherit;
+ color: black;
+ font-family: 'Minion Pro';
+ font-style: inherit;
+ font-weight: 400;
+ text-decoration: none;
}
a:hover {
- color: black;
- border-bottom: 2px solid black;
+ border-bottom: 2px solid black;
+ color: black;
}
strong em {
- font-weight: bold;
- font-style: italic;
+ font-style: italic;
+ font-weight: bold;
}
var {
- font-family: "Minion Pro";
- font-weight: normal;
+ font-family: 'Minion Pro';
+ font-weight: normal;
}
-var em, var .Italic {
- font-weight: normal;
- font-style: normal;
+var em,
+var .Italic {
+ font-style: normal;
+ font-weight: normal;
}
blockquote {
- display: block;
- margin-top: 13pt;
- margin-bottom: 12.8pt;
- margin-left: 1pc;
+ display: block;
+ margin-bottom: 12.8pt;
+ margin-left: 1pc;
+ margin-top: 13pt;
}
blockquote p {
- font-style: normal;
- font-size: 12px;
- line-height: 12.80pt;
- text-indent: 0;
- text-align: justify;
- margin-top: 0;
+ font-size: 12px;
+ font-style: normal;
+ line-height: 12.8pt;
+ margin-top: 0;
+ text-align: justify;
+ text-indent: 0;
}
sup {
- font-size: 8.5px;
- font-weight: inherit;
- position: relative;
- top: 0px;
- vertical-align: baseline;
+ font-size: 8.5px;
+ font-weight: inherit;
+ position: relative;
+ top: 0;
+ vertical-align: baseline;
}
.references p {
- line-height: 16px;
- font-size: 13px;
+ font-size: 13px;
+ line-height: 16px;
}
hr {
- -webkit-column-break-before: avoid;
- page-break-before: avoid;
- break-before: avoid;
- margin-top: 5px;
- margin-bottom: 29px;
- border: none;
+ border: none;
+ break-before: avoid;
+ -webkit-column-break-before: avoid;
+ margin-bottom: 29px;
+ margin-top: 5px;
+ page-break-before: avoid;
}
hr:after {
- content: "• • •";
- height: 17px;
- display: block;
- text-align: center;
- font-size: 9px;
- letter-spacing: 1em;
+ content: '• • •';
+ display: block;
+ font-size: 9px;
+ height: 17px;
+ letter-spacing: 1em;
+ text-align: center;
}
hr.ls {
- height: 0px;
+ height: 0;
}
hr.ls:after {
- content: "\2002";
+ content: '\2002';
}
-.small-caps, .cepsn, ol lh.lpti, ul lh.lpti, .c-two > p {
- font-variant-caps: all-small-caps;
- -webkit-font-feature-settings: "smcp", "c2sc";
- font-feature-settings: "smcp", "c2sc";
+.small-caps,
+.cepsn,
+ol lh.lpti,
+ul lh.lpti,
+.c-two > p {
+ -webkit-font-feature-settings: 'smcp', 'c2sc';
+ font-feature-settings: 'smcp', 'c2sc';
+ font-variant-caps: all-small-caps;
}
-.old-style-figures, section h3, .ct:before, ..ct:before {
- font-variant-numeric: oldstyle-nums;
- -webkit-font-feature-settings: "onum";
- font-feature-settings: "onum";
+.old-style-figures,
+section h3,
+.ct:before,
+..ct:before {
+ -webkit-font-feature-settings: 'onum';
+ font-feature-settings: 'onum';
+ font-variant-numeric: oldstyle-nums;
}
/* The ways all the titles appears */
h1 {
- font-size: 24px;
- line-height: 36px;
- font-weight: 400;
- text-align: center;
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 36px;
+ text-align: center;
}
section .subtitle {
- margin-top: 0.8pc;
- text-align: center;
- font-style: italic;
- font-weight: 400;
- font-size: 13pt;
- -webkit-column-break-before: avoid;
- page-break-before: avoid;
- break-before: avoid;
- display: block;
- margin-top: 0;
+ break-before: avoid;
+ -webkit-column-break-before: avoid;
+ display: block;
+ font-size: 13pt;
+ font-style: italic;
+ font-weight: 400;
+ margin-top: 0.8pc;
+ margin-top: 0;
+ page-break-before: avoid;
+ text-align: center;
}
section .subtitle + p {
- margin-top: 141pt;
+ margin-top: 141pt;
}
h1 {
- font-family: "Minion Pro";
- font-size: 12px;
- margin: 0 auto;
- max-width: 361px;
- -webkit-column-break-inside: avoid;
- page-break-inside: avoid;
- break-inside: avoid;
- line-height: 17px;
- -webkit-column-break-after: avoid;
- page-break-after: avoid;
- break-after: avoid;
- text-align: center;
- letter-spacing: 2pt;
- text-transform: uppercase;
- font-weight: 400;
+ break-after: avoid;
+ break-inside: avoid;
+ -webkit-column-break-after: avoid;
+ -webkit-column-break-inside: avoid;
+ font-family: 'Minion Pro';
+ font-size: 12px;
+ font-weight: 400;
+ letter-spacing: 2pt;
+ line-height: 17px;
+ margin: 0 auto;
+ max-width: 361px;
+ page-break-after: avoid;
+ page-break-inside: avoid;
+ text-align: center;
+ text-transform: uppercase;
}
h2 {
- font-size: 12px;
- line-height: 17px;
- font-style: italic;
- margin: 0 auto;
- max-width: 361px;
- text-align: center;
- font-weight: 400;
- margin-bottom: 17px;
-
+ font-size: 12px;
+ font-style: italic;
+ font-weight: 400;
+ line-height: 17px;
+ margin: 0 auto;
+ margin-bottom: 17px;
+ max-width: 361px;
+ text-align: center;
}
h2 {
- font-size: 12px;
- line-height: 17px;
- font-style: italic;
- margin: 0 auto;
- max-width: 361px;
- text-align: center;
- font-weight: 400;
- margin-bottom: 17px;
-
+ font-size: 12px;
+ font-style: italic;
+ font-weight: 400;
+ line-height: 17px;
+ margin: 0 auto;
+ margin-bottom: 17px;
+ max-width: 361px;
+ text-align: center;
}
h2 em {
- font-style: normal;
+ font-style: normal;
}
h2 + p {
- text-indent: 0;
- margin-top: -17px;
+ margin-top: -17px;
+ text-indent: 0;
}
h3 {
- font-size: 13px;
- font-style: italic;
- text-align: left;
- /*display: inline; */
- /*this is for next step*/
- font-weight: 400;
- /*height: 0;*/
- width: auto;
- margin-bottom: 0;
+ font-size: 13px;
+ font-style: italic;
+ /*display: inline; */
+
+ /*this is for next step*/
+ font-weight: 400;
+ margin-bottom: 0;
+ text-align: left;
+
+ /*height: 0;*/
+ width: auto;
}
h3:after {
- content: ".\2003";
- display: inline;
+ content: '.\2003';
+ display: inline;
}
h3 + p {
- margin-top: 0;
- /*display: inline;*/
+ margin-top: 0;
+
+ /*display: inline;*/
}
-section blockquote.intro {
- max-width: 80mm;
- display: block;
- margin-top: 1pc;
- margin-left: 0;
+section blockquote.intro {
+ display: block;
+ margin-left: 0;
+ margin-top: 1pc;
+ max-width: 80mm;
}
-section blockquote.intro:first-of-type {
- margin-top: 2pc;
+section blockquote.intro:first-of-type {
+ margin-top: 2pc;
}
-section blockquote.intro p {
- font-style: normal;
- font-size: 12px;
- line-height: 13pt;
- text-indent: 0;
- text-align: left;
+section blockquote.intro p {
+ font-size: 12px;
+ font-style: normal;
+ line-height: 13pt;
+ text-align: left;
+ text-indent: 0;
}
-section blockquote.intro p.author {
- font-size: 8pt;
- line-height: 13pt;
+section blockquote.intro p.author {
+ font-size: 8pt;
+ line-height: 13pt;
}
section hgroup {
- margin-bottom: 0;
+ margin-bottom: 0;
}
section hgroup + p {
- text-indent: 0;
+ text-indent: 0;
}
html {
- /*counter-reset: chapter;*/
+ /*counter-reset: chapter;*/
}
.ht {
- margin-top: 8px;
- margin-bottom: 0;
+ margin-bottom: 0;
+ margin-top: 8px;
}
.ct {
-
-
- margin-top: 40px;
- padding-left: 55px;
- padding-right: 55px;
- font-size: 24px;
- line-height: 34px;
- text-transform: none;
- font-weight: 400;
- text-align: center;
- text-transform: capitalize;
- letter-spacing: 0;
-
+ font-size: 24px;
+ font-weight: 400;
+ letter-spacing: 0;
+ line-height: 34px;
+ margin-top: 40px;
+ padding-left: 55px;
+ padding-right: 55px;
+ text-align: center;
+ text-transform: none;
+ text-transform: capitalize;
}
-[data-type="chapter"] .ct {
- margin-top: 0;
+[data-type='chapter'] .ct {
+ margin-top: 0;
}
.body .chapter-number {
- content: counter(chapter);
- counter-increment: chapter;
- text-align: center;
- font-size: 16px;
- border-bottom: 0.5px solid black;
- margin: 0 auto;
- margin-bottom: 17px;
- display: block;
- letter-spacing: 1px;
- clear: both;
- width: 32px;
- height: 31px;
- margin-top: 50px;
+ border-bottom: 0.5px solid black;
+ clear: both;
+ content: counter(chapter);
+ counter-increment: chapter;
+ display: block;
+ font-size: 16px;
+ height: 31px;
+ letter-spacing: 1px;
+ margin: 0 auto;
+ margin-bottom: 17px;
+ margin-top: 50px;
+ text-align: center;
+ width: 32px;
}
.cst {
- padding-left: 55px;
- padding-right: 55px;
- font-size: 17px;
- line-height: 21px;
- font-style: italic;
- text-align: center;
- margin-top: 10px;
+ font-size: 17px;
+ font-style: italic;
+ line-height: 21px;
+ margin-top: 10px;
+ padding-left: 55px;
+ padding-right: 55px;
+ text-align: center;
}
.cau {
- padding-left: 35px;
- padding-right: 35px;
- font-size: 13px;
- margin-top: 13px;
- text-indent: 0;
- text-align: center;
+ font-size: 13px;
+ margin-top: 13px;
+ padding-left: 35px;
+ padding-right: 35px;
+ text-align: center;
+ text-indent: 0;
}
.cep {
- font-size: 12px;
- line-height: 14px;
- font-style: italic;
- width: 350px;
- margin: 0 auto;
- text-align: justify;
- text-indent: 0;
- margin-top: 25px;
+ font-size: 12px;
+ font-style: italic;
+ line-height: 14px;
+ margin: 0 auto;
+ margin-top: 25px;
+ text-align: justify;
+ text-indent: 0;
+ width: 350px;
}
.cep em {
- font-style: normal;
+ font-style: normal;
}
.cepsn {
- font-size: 11px;
- line-height: 16px;
- font-style: normal;
- width: 350px;
- letter-spacing: 1px;
- margin: 0 auto;
- margin-top: 3px;
- text-align: justify;
- text-indent: 0;
-}
-
-.pt , [data-type="part"] p.ct, [data-type="part"] h1.ct , .back [data-type="bm-body"] .ct , [data-type="toc"] h1 {
- -webkit-column-break-before: page;
- page-break-before: page;
- break-before: page;
- font-size: 16px;
- line-height: 1;
- font-variant: all-small-caps;
- -webkit-font-feature-settings: "smcp", "c2sc";
- font-feature-settings: "smcp", "c2sc";
- letter-spacing: 1px;
+ font-size: 11px;
+ font-style: normal;
+ letter-spacing: 1px;
+ line-height: 16px;
+ margin: 0 auto;
+ margin-top: 3px;
+ text-align: justify;
+ text-indent: 0;
+ width: 350px;
+}
+
+.pt,
+[data-type='part'] p.ct,
+[data-type='part'] h1.ct,
+.back [data-type='bm-body'] .ct,
+[data-type='toc'] h1 {
+ break-before: page;
+ -webkit-column-break-before: page;
+ -webkit-font-feature-settings: 'smcp', 'c2sc';
+ font-feature-settings: 'smcp', 'c2sc';
+ font-size: 16px;
+ font-variant: all-small-caps;
+ letter-spacing: 1px;
+ line-height: 1;
+ page-break-before: page;
}
.notes ol {
- margin-top: 0;
- margin-bottom: 0;
- margin-left: 8px;
+ margin-bottom: 0;
+ margin-left: 8px;
+ margin-top: 0;
}
.notes ol li {
- margin-top: 0;
- margin-bottom: 0;
- font-size: 11px;
- line-height: 15px;
+ font-size: 11px;
+ line-height: 15px;
+ margin-bottom: 0;
+ margin-top: 0;
}
.notes ol li:first-of-type {
- margin-top: 0;
- margin-bottom: 0;
+ margin-bottom: 0;
+ margin-top: 0;
}
.notes ol li:last-of-type {
- margin-top: 0;
- margin-bottom: 0;
+ margin-bottom: 0;
+ margin-top: 0;
}
.notes ol li:first-child {
- margin-top: 0px;
+ margin-top: 0;
}
.notes ol li:first-child {
- margin-top: 0px;
+ margin-top: 0;
}
.notes ol li p {
- font-size: 10px;
- line-height: 13px;
+ font-size: 10px;
+ line-height: 13px;
}
.inline-note-callout {
- font-size: 1em;
- font-style: normal !important;
+ font-size: 1em;
+ font-style: normal !important;
}
figure {
- margin: 0;
- text-indent: 0;
- padding: 0;
- page-break-inside: avoid;
- width: 100%;
- text-align: center;
- margin-bottom: 0pt;
- float-reference: column;
- float: top;
- float-defer: last;
+ float: top;
+ float-defer: last;
+ float-reference: column;
+ margin: 0;
+ margin-bottom: 0;
+ padding: 0;
+ page-break-inside: avoid;
+ text-align: center;
+ text-indent: 0;
+ width: 100%;
}
figure figcaption {
- font-size: 12px;
- font-style: normal;
- text-indent: 0;
- text-align: left;
- font-size: 8pt;
- line-height: 11pt;
+ font-size: 12px;
+ font-size: 8pt;
+ font-style: normal;
+ line-height: 11pt;
+ text-align: left;
+ text-indent: 0;
}
figure figcaption:before {
- font-style: italic;
+ font-style: italic;
}
figure img {
- width: 100%;
+ width: 100%;
}
/* list */
ul,
ol {
- margin: 0;
- padding: 0;
- text-indent: 0;
+ margin: 0;
+ padding: 0;
+ text-indent: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
- margin-left: 2.1em;
+ margin-left: 2.1em;
}
ul p,
ol p {
- text-indent: 0;
- text-align: left;
- -webkit-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ text-align: left;
+ text-indent: 0;
}
-ol, ul {
- list-style-position: outside;
- font-variant-numeric: oldstyle-nums;
- -webkit-font-feature-settings: "onum";
- font-feature-settings: "onum";
+ol,
+ul {
+ -webkit-font-feature-settings: 'onum';
+ font-feature-settings: 'onum';
+ font-variant-numeric: oldstyle-nums;
+ list-style-position: outside;
}
-ol lh.lpti, ul lh.lpti {
- margin-left: 1.5em;
- letter-spacing: 1px;
- margin-top: 16px;
- margin-bottom: 2px;
- display: block;
+ol lh.lpti,
+ul lh.lpti {
+ display: block;
+ letter-spacing: 1px;
+ margin-bottom: 2px;
+ margin-left: 1.5em;
+ margin-top: 16px;
}
-ol lh.lpti + li, ul lh.lpti + li {
- margin-top: 0;
+ol lh.lpti + li,
+ul lh.lpti + li {
+ margin-top: 0;
}
-ol li, ul li {
- margin-left: 1.5em;
+ol li,
+ul li {
+ margin-left: 1.5em;
}
-ol > li:first-of-type, ul > li:first-of-type {
- margin-top: 17px;
+ol > li:first-of-type,
+ul > li:first-of-type {
+ margin-top: 17px;
}
-ol li:nth-of-type(n + 9), ul li:nth-of-type(n + 9) {
- margin-left: 1.5em;
+ol li:nth-of-type(n + 9),
+ul li:nth-of-type(n + 9) {
+ margin-left: 1.5em;
}
-
ul li {
- list-style-type: bullet;
- list-style-position: outside;
+ list-style-position: outside;
+ list-style-type: bullet;
}
h2.tabletitle {
- font-size: 13px;
- line-height: 14pt;
- font-style: italic;
- font-weight: 400;
- text-transform: none !important;
- letter-spacing: 0 !important;
- margin-bottom: 8pt !important;
- padding-bottom: 0;
- border-collapse: none;
+ border-collapse: none;
+ font-size: 13px;
+ font-style: italic;
+ font-weight: 400;
+ letter-spacing: 0 !important;
+ line-height: 14pt;
+ margin-bottom: 8pt !important;
+ padding-bottom: 0;
+ text-transform: none !important;
}
.table-caption {
- text-indent: 0;
- text-align: justify;
- margin: 0 auto;
- font-size: 8pt !important;
- line-height: 17px !important;
+ font-size: 8pt !important;
+ line-height: 17px !important;
+ margin: 0 auto;
+ text-align: justify;
+ text-indent: 0;
}
table {
- font-family: "Minion Pro";
- margin-bottom: 26px;
- border-bottom: 1pt solid grey;
- border-left: 0;
- border-right: 0;
- page-break-inside: avoid;
- border-collapse: collapse;
+ border-bottom: 1pt solid grey;
+ border-collapse: collapse;
+ border-left: 0;
+ border-right: 0;
+ font-family: 'Minion Pro';
+ margin-bottom: 26px;
+ page-break-inside: avoid;
}
table p {
- font-size: 7px;
- line-height: 17px;
- text-align: left;
- text-indent: 0;
+ font-size: 7px;
+ line-height: 17px;
+ text-align: left;
+ text-indent: 0;
}
-thead tr:nth-of-type(n+2) p {
- text-align: right;
+thead tr:nth-of-type(n + 2) p {
+ text-align: right;
}
th {
- width: 10%;
- border-left: 0;
- border-right: 0;
- text-align: center;
- font-weight: normal;
- border-bottom: 1pt solid grey;
+ border-bottom: 1pt solid grey;
+ border-left: 0;
+ border-right: 0;
+ font-weight: normal;
+ text-align: center;
+ width: 10%;
}
-tr td:nth-of-type(n+2) p {
- text-align: right;
+tr td:nth-of-type(n + 2) p {
+ text-align: right;
}
p,
@@ -1068,7 +1098,7 @@ h3,
h4,
h5,
h6 {
- orphans: 2;
+ orphans: 2;
}
h1,
@@ -1077,9 +1107,9 @@ h3,
h4,
h5,
h6 {
- -webkit-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
}
.pagination-pagebreak,
@@ -1088,21 +1118,21 @@ img,
h1,
h2,
h3 {
- -webkit-column-break-inside: avoid;
- page-break-inside: avoid;
- break-inside: avoid;
+ break-inside: avoid;
+ -webkit-column-break-inside: avoid;
+ page-break-inside: avoid;
}
.no-page-break {
- -webkit-column-break-inside: avoid;
- page-break-inside: avoid;
- break-inside: avoid;
+ break-inside: avoid;
+ -webkit-column-break-inside: avoid;
+ page-break-inside: avoid;
}
#no-page-break {
- -webkit-column-break-inside: avoid;
- page-break-inside: avoid;
- break-inside: avoid;
+ break-inside: avoid;
+ -webkit-column-break-inside: avoid;
+ page-break-inside: avoid;
}
h1 + h2,
@@ -1167,7 +1197,7 @@ h5 + ul > li:first-of-type,
h6 + ul > li:first-of-type,
li ul,
li ol {
- page-break-before: avoid;
+ page-break-before: avoid;
}
h1 + p,
@@ -1176,520 +1206,536 @@ h3 + p,
h4 + p,
h5 + p,
h6 + p {
- text-indent: 0;
+ text-indent: 0;
}
ol + h2 {
- margin-top: 33px;
+ margin-top: 33px;
}
-h2, div > h2.fm1:first-of-type {
- margin-top: 0;
+h2,
+div > h2.fm1:first-of-type {
+ margin-top: 0;
}
.fmtxt + .fmh {
- margin-top: 34px;
+ margin-top: 34px;
}
hgroup + h2 {
- margin-top: 0;
+ margin-top: 0;
}
p + h1 {
- margin-top: 18px;
+ margin-top: 18px;
}
p + h2 {
- margin-top: 0px;
+ margin-top: 0;
}
h1 {
- margin-bottom: 0;
- padding-top: 4px;
+ margin-bottom: 0;
+ padding-top: 4px;
}
h1 + p {
- margin-top: 12px;
+ margin-top: 12px;
}
h2 {
- padding-top: 12px;
+ padding-top: 12px;
}
h2 + p {
- margin-top: 7px;
+ margin-top: 7px;
}
-ol + p, ul + p, hr + p {
- text-indent: 0;
+ol + p,
+ul + p,
+hr + p {
+ text-indent: 0;
}
-ol > li:first-child, ul > li:first-child {
- padding-top: 8px;
+ol > li:first-child,
+ul > li:first-child {
+ padding-top: 8px;
}
-ol li:last-child, ul li:last-child {
- margin-bottom: 9px;
+ol li:last-child,
+ul li:last-child {
+ margin-bottom: 9px;
}
.cepsn:last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.cep:last-child {
- margin-bottom: 88px;
+ margin-bottom: 88px;
}
.cst:last-child {
- margin-bottom: 135px;
+ margin-bottom: 135px;
}
.cau:last-child {
- margin-bottom: 105px;
+ margin-bottom: 105px;
}
.ct:last-child {
- margin-bottom: 166px;
+ margin-bottom: 166px;
}
.ct {
- margin-bottom: 166px;
+ margin-bottom: 166px;
}
-
-
.subvention p {
- font-size: 12px;
- line-height: 11pt;
- font-family: inherit;
- text-align: left;
+ font-family: inherit;
+ font-size: 12px;
+ line-height: 11pt;
+ text-align: left;
}
-[data-type="half-title"] h1 {
- text-align: center;
- font-size: 21px;
- line-height: 25px;
- text-transform: titlecase;
+[data-type='half-title'] h1 {
+ font-size: 21px;
+ line-height: 25px;
+ text-align: center;
+ text-transform: titlecase;
}
-section[data-type="seriePage"] {
- font-size: 11px;
- line-height: 14px;
+section[data-type='seriePage'] {
+ font-size: 11px;
+ line-height: 14px;
}
-section[data-type="seriePage"] .st {
- text-align: center;
- margin-top: 0;
+section[data-type='seriePage'] .st {
+ margin-top: 0;
+ text-align: center;
}
-section[data-type="seriePage"] .sphn {
- text-indent: 0;
- text-align: justify;
- font-size: inherit;
- line-height: inherit;
- margin-top: 17px;
- text-indent: 0;
+section[data-type='seriePage'] .sphn {
+ font-size: inherit;
+ line-height: inherit;
+ margin-top: 17px;
+ text-align: justify;
+ text-indent: 0;
+ text-indent: 0;
}
-section[data-type="seriePage"] .st {
- text-align: center;
- font-size: inherit;
- text-transform: uppercase;
+section[data-type='seriePage'] .st {
+ font-size: inherit;
+ text-align: center;
+ text-transform: uppercase;
}
-section[data-type="seriePage"] .sed {
- text-indent: 0;
- text-align: center;
+section[data-type='seriePage'] .sed {
+ text-align: center;
+ text-indent: 0;
}
-section[data-type="seriePage"] .sl li {
- margin-bottom: 6px;
+section[data-type='seriePage'] .sl li {
+ margin-bottom: 6px;
}
-section[data-type="seriePage"] .sl li p {
- font-size: inherit;
- -webkit-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
- text-align: left;
- font-size: 11px;
- line-height: 14px;
+section[data-type='seriePage'] .sl li p {
+ font-size: inherit;
+ font-size: 11px;
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ line-height: 14px;
+ text-align: left;
}
/* chains */
.st + .sed {
- margin-top: 18px;
+ margin-top: 18px;
}
.sphn + .sed {
- margin-top: 22px;
+ margin-top: 22px;
}
.sed + .sl {
- margin-top: 22px;
+ margin-top: 22px;
}
.titlepage {
- text-indent: 0;
+ text-indent: 0;
}
.titlepage hgroup {
- width: 20pc;
- margin: 0 auto;
+ margin: 0 auto;
+ width: 20pc;
}
.titlepage hgroup .ti {
- font-size: 34px;
- line-height: 39px;
- text-align: center;
- font-weight: 400;
- margin-top: 0;
- margin-bottom: 0;
+ font-size: 34px;
+ font-weight: 400;
+ line-height: 39px;
+ margin-bottom: 0;
+ margin-top: 0;
+ text-align: center;
}
.titlepage hgroup p.sti {
- font-size: 14pt;
- line-height: 17pt;
- text-align: center;
- font-weight: 400;
- margin-top: 8.8pt;
- font-style: italic;
+ font-size: 14pt;
+ font-style: italic;
+ font-weight: 400;
+ line-height: 17pt;
+ margin-top: 8.8pt;
+ text-align: center;
}
.titlepage hgroup:after {
- position: absolute;
- left: 10.5pc;
- content: ' ';
- display: block;
- width: 2pc;
- margin: 0 auto;
- margin-top: 4pc;
- text-align: center;
- margin-top: 2.17pc;
- height: 1pt;
- border-bottom: 0.3pt solid black;
+ border-bottom: 0.3pt solid black;
+ content: ' ';
+ display: block;
+ height: 1pt;
+ left: 10.5pc;
+ margin: 0 auto;
+ margin-top: 4pc;
+ margin-top: 2.17pc;
+ position: absolute;
+ text-align: center;
+ width: 2pc;
}
.titlepage .edby {
- font-size: 12px;
- line-height: 16px;
- margin-top: 4.85pc;
- font-style: italic;
- text-align: center;
- text-indent: 0;
+ font-size: 12px;
+ font-style: italic;
+ line-height: 16px;
+ margin-top: 4.85pc;
+ text-align: center;
+ text-indent: 0;
}
.titlepage .au {
- font-weight: 400;
- font-size: 16pt;
- line-height: 22pt;
- text-align: center;
- margin: 0 auto;
- text-indent: 0;
- width: 20pc;
+ font-size: 16pt;
+ font-weight: 400;
+ line-height: 22pt;
+ margin: 0 auto;
+ text-align: center;
+ text-indent: 0;
+ width: 20pc;
}
.titlepage .edby + .au {
- margin-top: 5.3pt;
+ margin-top: 5.3pt;
}
.titlepage hgroup + .au {
- margin-top: 6.3pc;
+ margin-top: 6.3pc;
}
.titlepage .aux {
- font-size: 12px;
- line-height: 16px;
- font-style: italic;
- text-align: center;
- text-indent: 0;
- margin: 0 auto;
- margin-top: 0.56pc;
- width: 20pc;
+ font-size: 12px;
+ font-style: italic;
+ line-height: 16px;
+ margin: 0 auto;
+ margin-top: 0.56pc;
+ text-align: center;
+ text-indent: 0;
+ width: 20pc;
}
.publisher p.pub {
- font-size: 13px;
- letter-spacing: 0.75pt;
- text-transform: uppercase;
- text-align: center;
- margin-top: 1.3pc;
+ font-size: 13px;
+ letter-spacing: 0.75pt;
+ margin-top: 1.3pc;
+ text-align: center;
+ text-transform: uppercase;
}
.publisher #ucp-logo svg {
- display: block;
- margin: 0 auto;
+ display: block;
+ margin: 0 auto;
}
.ded p {
- text-indent: 0;
- font-family: "Minion Pro";
- font-size: 12px;
- line-height: 11.5pt;
- text-align: center;
- text-indent: 0pc;
- font-weight: 400;
- font-style: italic;
+ font-family: 'Minion Pro';
+ font-size: 12px;
+ font-style: italic;
+ font-weight: 400;
+ line-height: 11.5pt;
+ text-align: center;
+ text-indent: 0;
+ text-indent: 0;
}
.epigraph blockquote {
- margin: 0;
- padding-left: 0;
+ margin: 0;
+ padding-left: 0;
}
.epigraph blockquote + blockquote {
- margin-top: 11pt;
+ margin-top: 11pt;
}
.epigraph blockquote p {
- font-size: 13px;
- line-height: 17px;
- -webkit-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
+ font-size: 13px;
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ line-height: 17px;
}
.epigraph .bep {
- width: 22pc;
+ width: 22pc;
}
.epigraph .bepo {
- width: 20pc;
- padding-left: 12px;
+ padding-left: 12px;
+ width: 20pc;
}
.epigraph .bepo p:first-line {
- margin-left: -8.8pt;
- display: block;
- width: 20.7pc;
+ display: block;
+ margin-left: -8.8pt;
+ width: 20.7pc;
}
-.epigraph .bepsn, .epigraph .beposn {
- text-indent: 0;
- font-size: 9.5pt;
- line-height: 10.5pt;
- display: block;
- text-indent: 0;
- margin-top: 3.8pt;
- font-style: normal;
- font-variant-caps: all-small-caps;
- -webkit-font-feature-settings: "smcp", "c2sc";
- font-feature-settings: "smcp", "c2sc";
- letter-spacing: 0.2pt;
- margin-left: 0;
+.epigraph .bepsn,
+.epigraph .beposn {
+ display: block;
+ -webkit-font-feature-settings: 'smcp', 'c2sc';
+ font-feature-settings: 'smcp', 'c2sc';
+ font-size: 9.5pt;
+ font-style: normal;
+ font-variant-caps: all-small-caps;
+ letter-spacing: 0.2pt;
+ line-height: 10.5pt;
+ margin-left: 0;
+ margin-top: 3.8pt;
+ text-indent: 0;
+ text-indent: 0;
}
-.epigraph .bepsn:before, .epigraph .beposn:before {
- content: "\2014 ";
+.epigraph .bepsn:before,
+.epigraph .beposn:before {
+ content: '\2014 ';
}
.epigraph p {
- font-style: italic;
+ font-style: italic;
}
.epigraph p em {
- font-style: normal;
+ font-style: normal;
}
.copyright {
- -webkit-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
- width: 20pc;
+ -webkit-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ width: 20pc;
}
-.copyright .cp, .copyright .cip {
- margin-top: 21pt;
+.copyright .cp,
+.copyright .cip {
+ margin-top: 21pt;
}
-.copyright .cp p, .copyright .cip p {
- font-size: 8pt;
- line-height: 10.5pt;
- -webkit-hyphens: inherit;
- -ms-hyphens: inherit;
- hyphens: inherit;
- text-indent: 0;
- text-align: left;
- margin-top: 1pt;
+.copyright .cp p,
+.copyright .cip p {
+ font-size: 8pt;
+ -webkit-hyphens: inherit;
+ -ms-hyphens: inherit;
+ hyphens: inherit;
+ line-height: 10.5pt;
+ margin-top: 1pt;
+ text-align: left;
+ text-indent: 0;
}
-.fm-body, .notes {
- margin: 0;
+.fm-body,
+.notes {
+ margin: 0;
}
-[data-type="fm-body"] .ct, [data-type="toc"] h1, .notes h1.fmh {
- font-size: 16px;
- line-height: 1;
- font-variant: all-small-caps;
- -webkit-font-feature-settings: "smcp", "c2sc";
- font-feature-settings: "smcp", "c2sc";
- letter-spacing: 0.5pt;
+[data-type='fm-body'] .ct,
+[data-type='toc'] h1,
+.notes h1.fmh {
+ -webkit-font-feature-settings: 'smcp', 'c2sc';
+ font-feature-settings: 'smcp', 'c2sc';
+ font-size: 16px;
+ font-variant: all-small-caps;
+ letter-spacing: 0.5pt;
+ line-height: 1;
}
-[data-type="fm-body"] .fmau, .notes .fmau {
- margin-top: 17px;
- text-align: center;
- text-indent: 0;
- margin-bottom: 0;
+[data-type='fm-body'] .fmau,
+.notes .fmau {
+ margin-bottom: 0;
+ margin-top: 17px;
+ text-align: center;
+ text-indent: 0;
}
-[data-type="fm-body"] .fm1, .notes .fm1 {
- -webkit-font-feature-settings: "lnum";
- font-feature-settings: "lnum";
- font-variant-numeric: lining-nums;
- letter-spacing: 0.5pt;
+[data-type='fm-body'] .fm1,
+.notes .fm1 {
+ -webkit-font-feature-settings: 'lnum';
+ font-feature-settings: 'lnum';
+ font-variant-numeric: lining-nums;
+ letter-spacing: 0.5pt;
}
-[data-type="fm-body"] .fmhn, .notes .fmhn {
- font-style: italic;
+[data-type='fm-body'] .fmhn,
+.notes .fmhn {
+ font-style: italic;
}
-[data-type="fm-body"] .fmhn + .fmtxt, .notes .fmhn + .fmtxt {
- margin-top: 17px;
+[data-type='fm-body'] .fmhn + .fmtxt,
+.notes .fmhn + .fmtxt {
+ margin-top: 17px;
}
-[data-type="fm-body"] .fmsig p, .notes .fmsig p {
- font-style: italic;
- text-align: right;
- text-indent: 0;
+[data-type='fm-body'] .fmsig p,
+.notes .fmsig p {
+ font-style: italic;
+ text-align: right;
+ text-indent: 0;
}
-[data-type="fm-body"] .crossRef li p:after {
- content: "123";
- font-style: italic;
- font-weight: 300;
- display: inline-block;
- margin-left: 1em;
+[data-type='fm-body'] .crossRef li p:after {
+ content: '123';
+ display: inline-block;
+ font-style: italic;
+ font-weight: 300;
+ margin-left: 1em;
}
.list-abbreviations .undecorated li {
- padding-left: 75px;
- text-indent: -75px;
- padding-right: 75px;
- line-height: 17px;
- list-style-type: none;
+ line-height: 17px;
+ list-style-type: none;
+ padding-left: 75px;
+ padding-right: 75px;
+ text-indent: -75px;
}
.list-abbreviations .undecorated li:before {
- content: ' ';
+ content: ' ';
}
.list-abbreviations .undecorated li p abbr {
- margin-left: -75px;
- float: left;
- display: inline-block;
+ display: inline-block;
+ float: left;
+ margin-left: -75px;
}
.toc ul {
- font-size: 13px;
- line-height: 17px;
- list-style-type: none;
- text-indent: 0;
+ font-size: 13px;
+ line-height: 17px;
+ list-style-type: none;
+ text-indent: 0;
}
.toc ul li {
- margin-bottom: 0;
- margin-left: 0;
- padding-top: 0;
- line-height: 17px;
- font-size: 13px;
- text-indent: 0;
+ font-size: 13px;
+ line-height: 17px;
+ margin-bottom: 0;
+ margin-left: 0;
+ padding-top: 0;
+ text-indent: 0;
}
.toc ul li:before {
- content: "";
- font-size: 12px;
- padding-right: 0;
- color: black;
+ color: black;
+ content: '';
+ font-size: 12px;
+ padding-right: 0;
}
.crossRef li p:after {
- content: "123";
- font-style: normal;
+ content: '123';
+ font-style: normal;
}
.toc {
- counter-reset: part;
+ counter-reset: part;
}
.c-one {
- font-style: italic;
- text-align: left;
- font-size: 13px;
- line-height: 17px;
+ font-size: 13px;
+ font-style: italic;
+ line-height: 17px;
+ text-align: left;
}
.c-two > p {
- margin-top: 11px;
- counter-increment: part;
- font-size: 13px;
- line-height: 17px;
- letter-spacing: 2px;
- margin-left: 0;
+ counter-increment: part;
+ font-size: 13px;
+ letter-spacing: 2px;
+ line-height: 17px;
+ margin-left: 0;
+ margin-top: 11px;
}
.c-two > p:before {
- content: "part " counter(part, upper-roman) ". ";
+ content: 'part ' counter(part, upper-roman) '. ';
}
.c-three {
- margin-left: 0;
- padding-left: 0;
+ margin-left: 0;
+ padding-left: 0;
}
.c-three p {
- font-size: 13px;
- line-height: 17px;
- text-indent: 0;
- padding-left: 0;
- list-style-position: outside;
+ font-size: 13px;
+ line-height: 17px;
+ list-style-position: outside;
+ padding-left: 0;
+ text-indent: 0;
}
.c-four {
- font-size: 12px;
- line-height: 17px;
+ font-size: 12px;
+ line-height: 17px;
}
ul + ul.c-three {
- margin-left: 0;
+ margin-left: 0;
}
.toc ul {
- margin-left: 0;
+ margin-left: 0;
}
.toc a:after {
- content: "123";
- content: target-counter(attr(href, url), page);
- display: inline;
- margin-left: 1em;
- float: right;
+ content: '123';
+ content: target-counter(attr(href, url), page);
+ display: inline;
+ float: right;
+ margin-left: 1em;
}
.numbering p {
- font-size: 13px;
- line-height: 17px;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- padding: 0;
- margin: 0;
- text-indent: 0;
- text-align: right;
- background: grey;
- display: block;
- height: 17px;
- overflow: hidden;
+ background: grey;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ display: block;
+ font-size: 13px;
+ height: 17px;
+ line-height: 17px;
+ margin: 0;
+ overflow: hidden;
+ padding: 0;
+ text-align: right;
+ text-indent: 0;
}
.numbering p:nth-of-type(2n) {
- background: lightgrey;
+ background: lightgrey;
}
.cst + p {
- text-indent: 0;
+ text-indent: 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
+
/*Vivliostyle starts here */
/*
@@ -1704,403 +1750,389 @@ thing tried here: create a complete flow with specific updated layout on differe
/* page size */
@page {
- size: 6in 9in;
+ size: 6in 9in;
}
/*send parts to part layout*/
.folio {
- -epubx-flow-into: startFolio;
- -epubx-flow-options: exclusive;
+ -epubx-flow-into: startFolio;
+ -epubx-flow-options: exclusive;
}
section {
- break-after: page;
+ break-after: page;
}
+
/*front matter
/* layout frontmatter */
-[data-type="fm-body"] h1.ct {
- -epubx-flow-into: fmHgroup;
- padding-top: 0px;
-}
-[data-type="toc"] h1 {
- -epubx-flow-into: fmHgroup;
- padding-top: 0px;
-}
-[data-type="part"] h1.ct {
- -epubx-flow-into: fmHgroup;
- padding-top: 0px;
+[data-type='fm-body'] h1.ct {
+ -epubx-flow-into: fmHgroup;
+ padding-top: 0;
}
-[data-type="bm-body"] h1.ct {
- -epubx-flow-into: fmHgroup;
+[data-type='toc'] h1 {
+ -epubx-flow-into: fmHgroup;
+ padding-top: 0;
}
-[data-type="fm-body"] h1.ct + p {
- margin-top: 0;
- padding-top: 0px;
-}
-[data-type="toc"] h1 + p {
- margin-top: 0;
- padding-top: 0px;
-}
-[data-type="part"] h1.ct + p {
- margin-top: 0;
- padding-top: 0px;
+[data-type='part'] h1.ct {
+ -epubx-flow-into: fmHgroup;
+ padding-top: 0;
}
-[data-type="bm-body"] h1.ct + p {
- margin-top: 0;
+[data-type='bm-body'] h1.ct {
+ -epubx-flow-into: fmHgroup;
}
+[data-type='fm-body'] h1.ct + p {
+ margin-top: 0;
+ padding-top: 0;
+}
+[data-type='toc'] h1 + p {
+ margin-top: 0;
+ padding-top: 0;
+}
+[data-type='part'] h1.ct + p {
+ margin-top: 0;
+ padding-top: 0;
+}
-.body [data-type="chapter"] .ch-start {
- -epubx-flow-into: chapterStart;
- -epubx-flow-option: exclusive;
+[data-type='bm-body'] h1.ct + p {
+ margin-top: 0;
}
+.body [data-type='chapter'] .ch-start {
+ -epubx-flow-into: chapterStart;
+ -epubx-flow-option: exclusive;
+}
/* front matter stuff layout */
@-epubx-page-master frontmatterBodyFirst {
- @-epubx-partition header {
- -epubx-flow-from: fmHgroup;
- -epubx-required: true;
- -epubx-flow-options: exclusive;
- left: 73px;
- right: 73px;
- top: 92px;
- height: 206px;
-
- /* background: red; */
- /* -epubx-snap-height: 17px; */
- }
-
- @-epubx-partition text {
- -epubx-flow-from: body;
- left: 73px;
- right: 73px;
- top: 371px;
- bottom: 83px;
- }
+ background-position: 0 8px, 0 0;
- @-epubx-partition folio {
- -epubx-flow-from: startFolio;
- left: 73px;
- right: 73px;
- top: 796px;
- }
-
- /*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: repeating-linear-gradient(180deg, transparent 0, transparent 16px , rgba(0,255,0,0.7) 17px) , url(grid.png) ; */
+ background-size: cover;
-}
+ @-epubx-partition header {
+ -epubx-flow-from: fmHgroup;
+ -epubx-flow-options: exclusive;
+ height: 206px;
+ left: 73px;
+ -epubx-required: true;
+ right: 73px;
+ top: 92px;
+ /* background: red; */
+ /* -epubx-snap-height: 17px; */
+ }
+ @-epubx-partition text {
+ bottom: 83px;
+ -epubx-flow-from: body;
+ left: 73px;
+ right: 73px;
+ top: 371px;
+ }
+ @-epubx-partition folio {
+ -epubx-flow-from: startFolio;
+ left: 73px;
+ right: 73px;
+ top: 796px;
+ }
+}
/* duplication flow for running elements */
.dup {
- -epubx-flow-into: header;
- -epubx-utilization: 0.1;
- -epubx-flow-options: exclusive static last;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 10px;
- padding-top: 0;
- line-height: 1.2;
+ -epubx-flow-into: header;
+ -epubx-flow-options: exclusive static last;
+ font-feature-settings: 'smcp', 'c2sc', 'onum';
+ font-size: 10px;
+ font-variant-caps: all-small-caps;
- /* text-align: right; */
- font-variant-numeric: oldstyle-nums;
- font-feature-settings: "smcp", "c2sc", "onum";
- font-variant-caps: all-small-caps;
+ /* text-align: right; */
+ font-variant-numeric: oldstyle-nums;
+ letter-spacing: 1px;
+ line-height: 1.2;
+ padding-top: 0;
+ text-transform: uppercase;
+ -epubx-utilization: 0.1;
}
.dup:before {
- content: counter(page) "   ";
- letter-spacing: 0px !important;
-
+ content: counter(page) '   ';
+ letter-spacing: 0 !important;
}
.booktitle {
- line-height: 1.2;
- -epubx-flow-into: booktitle;
- -epubx-flow-options: exclusive static;
+ -epubx-flow-into: booktitle;
+ -epubx-flow-options: exclusive static;
+ font-feature-settings: 'smcp', 'c2sc', 'onum';
- /* text-transform: uppercase; */
- letter-spacing: 1px;
+ /* letter-spacing: 0.01em; */
+ font-size: 10px;
+ font-variant-caps: all-small-caps;
+ font-variant-numeric: oldstyle-nums;
- /* letter-spacing: 0.01em; */
- font-size: 10px;
- padding-top: 0;
- text-align: right;
- font-variant-numeric: oldstyle-nums;
- font-feature-settings: "smcp", "c2sc", "onum";
- font-variant-caps: all-small-caps;
+ /* text-transform: uppercase; */
+ letter-spacing: 1px;
+ line-height: 1.2;
+ padding-top: 0;
+ text-align: right;
}
.booktitle:after {
- content: "   " counter(page);
- letter-spacing: 0px !important;
-
+ content: '   ' counter(page);
+ letter-spacing: 0 !important;
}
-
.folio {
- -epubx-flow-into: startFolio;
+ -epubx-flow-into: startFolio;
}
/*drop folio*/
.folio {
- font-size: 10px;
- font-variant-numeric: oldstyle-nums;
- font-feature-settings: "smcp", "c2sc", "onum";
- font-variant-caps: all-small-caps;
- font-size: 13px;
- line-height: 1;
- text-align: center;
+ font-feature-settings: 'smcp', 'c2sc', 'onum';
+ font-size: 10px;
+ font-size: 13px;
+ font-variant-caps: all-small-caps;
+ font-variant-numeric: oldstyle-nums;
+ line-height: 1;
+ text-align: center;
}
.folio:after {
- content: counter(page);
- letter-spacing: 0px !important;
+ content: counter(page);
+ letter-spacing: 0 !important;
}
/* layout body */
-
-.ct + .cst , .dup + .cst {
- margin-top: -166px;
- margin-bottom: 111px;
+.ct + .cst,
+.dup + .cst {
+ margin-bottom: 111px;
+ margin-top: -166px;
}
-
-
img {
- align-self: center;
-
- display: flex;
- max-width: 100%;
- max-height: 248px;
- /* height: 248px;
+ align-self: center;
+ display: flex;
+ margin: 0 auto;
+ margin-bottom: 24px;
+ margin-top: 17px;
+ max-height: 248px;
+ max-width: 100%;
+
+ /* height: 248px;
height: 457px; */
- object-fit: cover;
- margin: 0 auto;
- margin-bottom: 24px;
- margin-top: 17px;
- /*margin-bottom: 35px;*/
+ object-fit: cover;
+
+ /*margin-bottom: 35px;*/
-/* float-reference: page;
+ /* float-reference: page;
float: bottom;
float-defer: last;*/
+
/*float: block-end; */
}
.cst + p {
- margin-top: 0px;
+ margin-top: 0;
}
p + .cst {
- margin-top: 14px;
+ margin-top: 14px;
}
-
-[data-type="part"] .ch-start ,
+[data-type='part'] .ch-start,
.back .ch-start {
- display: none;
+ display: none;
}
.front .ch-start {
- display: none;
+ display: none;
}
-
-[data-type="part"] h1.ct::before {
- display: none;
+[data-type='part'] h1.ct::before {
+ display: none;
}
.part-number {
- display: none;
+ display: none;
}
-
-
-
@-epubx-page-master chapterStart {
+ background-position: 0 8px, 0 0;
- @-epubx-partition startchapter {
- -epubx-flow-from: chapterStart;
- -epubx-required: true;
- left: 0;
- right: 0;
- height: 0;
- top: 0;
- background: black;
- /* this partition is a hack to detect the beginning of a new chapter */
- }
-
- @-epubx-partition chapter {
- -epubx-flow-from: body;
- /* -epubx-required: true; */
- left: 73px;
- right: 73px;
- top: 82px;
- bottom: 84px;
- }
-
- @-epubx-partition folio {
- -epubx-flow-from: startFolio;
- left: 73px;
- right: 73px;
- top: 796px;
- height: 17px;
- }
- /*background-image: repeating-linear-gradient(180deg, transparent 0, transparent 16px , rgba(0,255,0,0.7) 17px) , url(grid.png) ; */
+ /*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 ;
-
+ @-epubx-partition startchapter {
+ background: black;
+ -epubx-flow-from: chapterStart;
+ height: 0;
+ left: 0;
+ -epubx-required: true;
+ right: 0;
+ top: 0;
+
+ /* this partition is a hack to detect the beginning of a new chapter */
+ }
+
+ @-epubx-partition chapter {
+ bottom: 84px;
+ -epubx-flow-from: body;
+
+ /* -epubx-required: true; */
+ left: 73px;
+ right: 73px;
+ top: 82px;
+ }
+
+ @-epubx-partition folio {
+ -epubx-flow-from: startFolio;
+ height: 17px;
+ left: 73px;
+ right: 73px;
+ top: 796px;
+ }
}
@-epubx-page-master frontmatterBody {
+ background-position: 0 8px, 0 0;
- @-epubx-partition text {
- -epubx-flow-from: body;
- left: 73px;
- right: 73px;
- top: 82px;
- bottom: 83px;
- }
-
- @-epubx-partition runningheader-left {
- -epubx-flow-from: header;
- -epubx-enabled: -epubx-expr(page-number % 2 == 0);
- text-align: left;
- left: 73px;
- top: 51px;
- height: 17px;
- }
-
- @-epubx-partition runningheader-right {
- -epubx-flow-from: booktitle;
- -epubx-enabled: -epubx-expr(page-number % 2 == 1);
- right: 73px;
- top: 51px;
- height: 17px;
-
- /* width: 400px; */
- text-align: right;
- }
- /*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: repeating-linear-gradient(180deg, transparent 0, transparent 16px , rgba(0,255,0,0.7) 17px) , url(grid.png) ; */
+ background-size: cover;
+ @-epubx-partition text {
+ bottom: 83px;
+ -epubx-flow-from: body;
+ left: 73px;
+ right: 73px;
+ top: 82px;
+ }
+
+ @-epubx-partition runningheader-left {
+ -epubx-enabled: -epubx-expr(page-number % 2 == 0);
+ -epubx-flow-from: header;
+ height: 17px;
+ left: 73px;
+ text-align: left;
+ top: 51px;
+ }
+
+ @-epubx-partition runningheader-right {
+ -epubx-enabled: -epubx-expr(page-number % 2 == 1);
+ -epubx-flow-from: booktitle;
+ height: 17px;
+ right: 73px;
+
+ /* width: 400px; */
+ text-align: right;
+ top: 51px;
+ }
}
-
.chapter-number + .ct + p {
- margin-top: -14px;
+ margin-top: -14px;
}
-[data-type="toc"] ol li {
- padding: 0;
- margin: 0;
- margin-top: 16px;
+[data-type='toc'] ol li {
+ margin: 0;
+ margin-top: 16px;
+ padding: 0;
}
sup {
- display: inline-block;
- padding-left: 1px;
- padding-right: 1px;
- font-size: 8.5px;
- font-weight: inherit;
- position: relative;
- top: 0px;
- vertical-align: baseline;
- padding-left: 1px;
- padding-right: 1px;
+ display: inline-block;
+ font-size: 8.5px;
+ font-weight: inherit;
+ padding-left: 1px;
+ padding-left: 1px;
+ padding-right: 1px;
+ padding-right: 1px;
+ position: relative;
+ top: 0;
+ vertical-align: baseline;
}
-
-
/*footnotes*/
.footnote {
- margin-top: 0;
- margin-bottom: 0;
- font-size: 11px;
- line-height: 15px;
+ font-size: 11px;
+ line-height: 15px;
+ margin-bottom: 0;
+ margin-top: 0;
}
+
/*
.footnote {
float: footnote;
}
*/
.inline-note-footer {
- float: footnote;
- margin-top: 0;
- margin-bottom: 0;
- font-size: 11px;
- line-height: 15px;
+ float: footnote;
+ font-size: 11px;
+ line-height: 15px;
+ margin-bottom: 0;
+ margin-top: 0;
}
.inline-note-number {
- float: left;
- text-indent: 0;
- width: 3%;
+ float: left;
+ text-indent: 0;
+ width: 3%;
}
.inline-note-content {
- float: left;
- overflow-wrap: break-word;
- text-indent: 0;
- width: 97%;
+ float: left;
+ overflow-wrap: break-word;
+ text-indent: 0;
+ width: 97%;
}
.di li {
- list-style-type: none;
- list-style-position: inside;
+ list-style-position: inside;
+ list-style-type: none;
}
.di li::before {
- margin-right: 0.2em;
- margin-left: -15px;
+ margin-left: -15px;
+ margin-right: 0.2em;
}
.di li:nth-of-type(odd)::before {
- content: 'Q:';
- text-transform: uppercase;
- font-weight: 500;
-
-
-
-
- }
+ content: 'Q:';
+ font-weight: 500;
+ text-transform: uppercase;
+}
.di li:nth-of-type(even)::before {
- content: 'A:';
- text-transform: uppercase;
- font-weight: 500;
- }
+ content: 'A:';
+ font-weight: 500;
+ text-transform: uppercase;
+}
.bibliography-entry {
- margin-left: 1pc;
- text-indent: -1pc;
- margin-top: 17px;
+ margin-left: 1pc;
+ margin-top: 17px;
+ text-indent: -1pc;
}
.ct {
- margin-bottom: 166px;
+ margin-bottom: 166px;
}
-ol.none , ul.none {
- list-style-type: none;
+ol.none,
+ul.none {
+ list-style-type: none;
}
cite {
@@ -2108,5 +2140,5 @@ cite {
}
p.ct {
- display: none;
-}
\ No newline at end of file
+ display: none;
+}
diff --git a/packages/components/packages/HTML/HTML.scss b/packages/components/packages/HTML/HTML.scss
index ecd3f6dbe5d087d2636a8c743568f81c0c524870..c3e4678886b0fc3bed2440a095381f327fb7cf3c 100644
--- a/packages/components/packages/HTML/HTML.scss
+++ b/packages/components/packages/HTML/HTML.scss
@@ -1,4 +1,7 @@
.fragment {
+ margin-left: auto;
+ margin-right: auto;
+
@media (min-width: 768px) {
width: 750px;
}
@@ -7,11 +10,7 @@
width: 970px;
}
- @media (min-width: 1200px) {
+ @media (min-width: 1200px) {
width: 1170px;
}
-
- margin-right: auto;
- margin-left: auto;
}
-
diff --git a/packages/components/packages/Login/Login.local.scss b/packages/components/packages/Login/Login.local.scss
index 5e3d12accb3415fa6a5256b0b74e18b637ad6ae7..7669bcdd620dac05e05a6c62a43ebb92a52e32d2 100644
--- a/packages/components/packages/Login/Login.local.scss
+++ b/packages/components/packages/Login/Login.local.scss
@@ -1,4 +1,4 @@
.button {
- margin-top: 10px !important;
- margin-bottom: 14px !important;
+ margin-bottom: 14px !important;
+ margin-top: 10px !important;
}
diff --git a/packages/components/packages/Manage/Manage.scss b/packages/components/packages/Manage/Manage.scss
index c0193cfef96b5d981042c7a0fb457220693eb906..4311829b713f4eb9e3837f4eecc51c4688ce639d 100644
--- a/packages/components/packages/Manage/Manage.scss
+++ b/packages/components/packages/Manage/Manage.scss
@@ -1,7 +1,9 @@
-$fa-font-path: "~font-awesome/fonts";
-@import "~font-awesome/scss/font-awesome.scss";
+$fa-font-path: '~font-awesome/fonts';
+
+@import '~font-awesome/scss/font-awesome.scss';
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
+
.bootstrap {
@import '~bootstrap-sass/assets/stylesheets/_bootstrap.scss';
}
diff --git a/packages/components/packages/MediumDraft/styles.scss b/packages/components/packages/MediumDraft/styles.scss
index ef114b2262f38dbad720e54347ddca7e68eee38b..188b1b6a246319d55ec2e25248addeeabd4d2850 100644
--- a/packages/components/packages/MediumDraft/styles.scss
+++ b/packages/components/packages/MediumDraft/styles.scss
@@ -1,7 +1,11 @@
-$fa-font-path: "~font-awesome/fonts";
-@import "~font-awesome/scss/font-awesome.scss";
+$fa-font-path: '~font-awesome/fonts';
+
+@import '~font-awesome/scss/font-awesome.scss';
.md-RichEditor-root {
+ margin-left: auto;
+ margin-right: auto;
+
@media (min-width: 768px) {
width: 750px;
}
@@ -10,10 +14,7 @@ $fa-font-path: "~font-awesome/fonts";
width: 970px;
}
- @media (min-width: 1200px) {
+ @media (min-width: 1200px) {
width: 1170px;
}
-
- margin-right: auto;
- margin-left: auto;
-}
\ No newline at end of file
+}
diff --git a/packages/components/packages/Navigation/Navigation.scss b/packages/components/packages/Navigation/Navigation.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9ad02b6f44bac4527c792a3a66492f0f6270122e 100644
--- a/packages/components/packages/Navigation/Navigation.scss
+++ b/packages/components/packages/Navigation/Navigation.scss
@@ -0,0 +1 @@
+// This file is meant to be overridden by the styles provided by pubsweet-theme-plugin (this way of theming is deprecated)
diff --git a/packages/components/packages/PasswordResetFrontend/PasswordReset.local.scss b/packages/components/packages/PasswordResetFrontend/PasswordReset.local.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9ad02b6f44bac4527c792a3a66492f0f6270122e 100644
--- a/packages/components/packages/PasswordResetFrontend/PasswordReset.local.scss
+++ b/packages/components/packages/PasswordResetFrontend/PasswordReset.local.scss
@@ -0,0 +1 @@
+// This file is meant to be overridden by the styles provided by pubsweet-theme-plugin (this way of theming is deprecated)
diff --git a/packages/components/packages/PepperTheme/Blog/Blog.local.scss b/packages/components/packages/PepperTheme/Blog/Blog.local.scss
index 2f23f3b2e3074d294cda8e9d63bf577a0107078a..b93fb023e13a6e63fcc6eac097b7d2a9b515b067 100644
--- a/packages/components/packages/PepperTheme/Blog/Blog.local.scss
+++ b/packages/components/packages/PepperTheme/Blog/Blog.local.scss
@@ -1,13 +1,15 @@
-@import "../variables";
+@import '../variables';
.hero {
- text-align: center;
- margin-top: 40px;
+ border-bottom: 4px $pink solid;
+ /* stylelint-disable */
margin-bottom: 50px;
margin-left: 10px !important;
margin-right: 10px !important;
+ margin-top: 40px;
+ /* stylelint-enable */
padding-bottom: 40px;
- border-bottom: 4px $pink solid;
+ text-align: center;
}
.heroBackground {
@@ -15,12 +17,12 @@
}
.blogContainer {
- border-right: 4px solid $teal;
- border-left: 4px solid $brand-primary;
- padding: 0 30px;
+ border-left: 4px solid $brand-primary;
+ border-right: 4px solid $teal;
+ padding: 0 30px;
}
.blogFooter {
- text-align: center;
- padding-top: 50px;
-}
\ No newline at end of file
+ padding-top: 50px;
+ text-align: center;
+}
diff --git a/packages/components/packages/PepperTheme/Blog/Blog.scss b/packages/components/packages/PepperTheme/Blog/Blog.scss
index 07491fde0a4b06bf192429d38785b5ced460d9b7..e33319737fdabd5f402fa3b13c0babb80208ed99 100644
--- a/packages/components/packages/PepperTheme/Blog/Blog.scss
+++ b/packages/components/packages/PepperTheme/Blog/Blog.scss
@@ -1 +1 @@
-@import "../main.scss"
\ No newline at end of file
+@import '../main.scss';
diff --git a/packages/components/packages/PepperTheme/Login/Login.local.scss b/packages/components/packages/PepperTheme/Login/Login.local.scss
index 3585159830d56868aad1096c384883ea68673e91..a209776516554a90266a63c0c1433e56b79cf2b4 100644
--- a/packages/components/packages/PepperTheme/Login/Login.local.scss
+++ b/packages/components/packages/PepperTheme/Login/Login.local.scss
@@ -1,24 +1,28 @@
-@import "../variables";
-.loginLogo{
- margin-top: 30px;
- margin-bottom: 30px;
- display: block;
- img{
- width: 100%;
- }
+@import '../variables';
+
+.loginLogo {
+ display: block;
+ margin-bottom: 30px;
+ margin-top: 30px;
+
+ img {
+ width: 100%;
+ }
}
-.login{
- border-right: 4px solid $teal;
- border-left: 4px solid $brand-primary;
- padding-left: 40px !important;
- padding-right: 40px !important;
- h1, legend{
- margin-left: -25px;
- padding-bottom: 20px;
- }
+.login {
+ border-left: 4px solid $brand-primary;
+ border-right: 4px solid $teal;
+ padding-left: 40px !important;
+ padding-right: 40px !important;
- button{
- margin-bottom: 20px !important;
- }
-}
\ No newline at end of file
+ h1,
+ legend {
+ margin-left: -25px;
+ padding-bottom: 20px;
+ }
+
+ button {
+ margin-bottom: 20px !important;
+ }
+}
diff --git a/packages/components/packages/PepperTheme/Manage/Manage.scss b/packages/components/packages/PepperTheme/Manage/Manage.scss
index 07491fde0a4b06bf192429d38785b5ced460d9b7..e33319737fdabd5f402fa3b13c0babb80208ed99 100644
--- a/packages/components/packages/PepperTheme/Manage/Manage.scss
+++ b/packages/components/packages/PepperTheme/Manage/Manage.scss
@@ -1 +1 @@
-@import "../main.scss"
\ No newline at end of file
+@import '../main.scss';
diff --git a/packages/components/packages/PepperTheme/PostsManager/Post.local.scss b/packages/components/packages/PepperTheme/PostsManager/Post.local.scss
index 4ed9e63f016545538f7f5649eef9dd15857837f6..6e9ebdf342c99fb972928c9143a409ad83362f48 100644
--- a/packages/components/packages/PepperTheme/PostsManager/Post.local.scss
+++ b/packages/components/packages/PepperTheme/PostsManager/Post.local.scss
@@ -1,10 +1,10 @@
$roundDiameter: 36px;
.button {
- border-radius: $roundDiameter/2 !important;//the styles created this way often go down in the styles chain.
- width: $roundDiameter;
+ border-radius: $roundDiameter/2 !important;
height: $roundDiameter;
- i{
+ width: $roundDiameter; //the styles created this way often go down in the styles chain.
+ i {
font-size: 20px;
margin-left: -5px;
}
diff --git a/packages/components/packages/PepperTheme/PostsManager/PostsManager.local.scss b/packages/components/packages/PepperTheme/PostsManager/PostsManager.local.scss
index 4d6676ed28f77c004435ad2940204a642eec1dd2..b8bd590448ed6c57d1c48fd2193d28031a71bbce 100644
--- a/packages/components/packages/PepperTheme/PostsManager/PostsManager.local.scss
+++ b/packages/components/packages/PepperTheme/PostsManager/PostsManager.local.scss
@@ -1,13 +1,15 @@
-@import "../variables";
+@import '../variables';
-.container{
- .dataset{
+.container {
+ .dataset {
padding-right: 2em;
}
- table{
+
+ table {
margin-left: 3em;
- label{
+
+ label {
color: black;
}
}
-}
\ No newline at end of file
+}
diff --git a/packages/components/packages/PepperTheme/_variables.scss b/packages/components/packages/PepperTheme/_variables.scss
index 4fe2f430fad074a373c9321761bd33987fe91bdc..5b47f53d5057dbc5e011fb88ca1da4bd6302ae25 100644
--- a/packages/components/packages/PepperTheme/_variables.scss
+++ b/packages/components/packages/PepperTheme/_variables.scss
@@ -1,11 +1,11 @@
//overwrite bootstrap variables
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
-$font-family-default: 'karmillaregular', Helvetica, Arial, sans-serif;
-$font-family-base: $font-family-default;
-$border-radius-base: 0 !default;
-$brand-primary: #844D9F;// purple
-$link-color: $brand-primary;
+$font-family-default: 'karmillaregular', Helvetica, Arial, sans-serif;
+$font-family-base: $font-family-default;
+$border-radius-base: 0 !default;
+$brand-primary: #844d9f; // purple
+$link-color: $brand-primary;
//custom variables
-$pink: #E50C79;
-$teal: #51C2BD;
\ No newline at end of file
+$pink: #e50c79;
+$teal: #51c2bd;
diff --git a/packages/components/packages/PepperTheme/main.scss b/packages/components/packages/PepperTheme/main.scss
index 4650dd9a2f5985a788f813f9b1cb2657f223eefd..2750036ba2f755375a4d2e7cf6cf29a5333522fd 100644
--- a/packages/components/packages/PepperTheme/main.scss
+++ b/packages/components/packages/PepperTheme/main.scss
@@ -1,30 +1,37 @@
@font-face {
font-family: 'karmillaregular';
- src: url('../fonts/karmilla-015/karmilla-regular-015-webfont.eot');
- src: url('../fonts/karmilla-015/karmilla-regular-015-webfont.eot?#iefix') format('embedded-opentype'),
- url('../fonts/karmilla-015/karmilla-regular-015-webfont.woff2') format('woff2'),
- url('../fonts/karmilla-015/karmilla-regular-015-webfont.woff') format('woff'),
- url('../fonts/karmilla-015/karmilla-regular-015-webfont.ttf') format('truetype'),
- url('../fonts/karmilla-015/karmilla-regular-015-webfont.svg#karmillaregular') format('svg');
- font-weight: normal;
font-style: normal;
-
+ font-weight: normal;
+ src: url('../fonts/karmilla-015/karmilla-regular-015-webfont.eot');
+ src: url('../fonts/karmilla-015/karmilla-regular-015-webfont.eot?#iefix')
+ format('embedded-opentype'),
+ url('../fonts/karmilla-015/karmilla-regular-015-webfont.woff2')
+ format('woff2'),
+ url('../fonts/karmilla-015/karmilla-regular-015-webfont.woff')
+ format('woff'),
+ url('../fonts/karmilla-015/karmilla-regular-015-webfont.ttf')
+ format('truetype'),
+ url('../fonts/karmilla-015/karmilla-regular-015-webfont.svg#karmillaregular')
+ format('svg');
}
@font-face {
font-family: 'karmillabold';
- src: url('../fonts/karmilla-015/karmilla-bold-015-webfont.eot');
- src: url('../fonts/karmilla-015/karmilla-bold-015-webfont.eot?#iefix') format('embedded-opentype'),
- url('../fonts/karmilla-015/karmilla-bold-015-webfont.woff2') format('woff2'),
- url('../fonts/karmilla-015/karmilla-bold-015-webfont.woff') format('woff'),
- url('../fonts/karmilla-015/karmilla-bold-015-webfont.ttf') format('truetype'),
- url('../fonts/karmilla-015/karmilla-bold-015-webfont.svg#karmillabold') format('svg');
- font-weight: normal;
font-style: normal;
-
+ font-weight: normal;
+ src: url('../fonts/karmilla-015/karmilla-bold-015-webfont.eot');
+ src: url('../fonts/karmilla-015/karmilla-bold-015-webfont.eot?#iefix')
+ format('embedded-opentype'),
+ url('../fonts/karmilla-015/karmilla-bold-015-webfont.woff2') format('woff2'),
+ url('../fonts/karmilla-015/karmilla-bold-015-webfont.woff') format('woff'),
+ url('../fonts/karmilla-015/karmilla-bold-015-webfont.ttf')
+ format('truetype'),
+ url('../fonts/karmilla-015/karmilla-bold-015-webfont.svg#karmillabold')
+ format('svg');
}
-body, html {
+body,
+html {
font-family: 'karmillaregular', Helvetica, Arial, sans-serif;
}
@@ -38,199 +45,227 @@ body, html {
//$link-color: $brand-primary;
//$pink: #E50C79;
//$teal: #51C2BD;
- @import "variables";
-
+ @import 'variables';
@import '~bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss';
@import '~bootstrap-sass/assets/stylesheets/_bootstrap.scss';
- a{
- color: $pink;//pink
- text-decoration: underline;
+ a {
+ color: $pink;
+ text-decoration: underline; //pink
}
- h1, h2, h3{
- font-family: 'karmillaregular';
+
+ h1,
+ h2,
+ h3 {
color: $teal !important;
- margin-top: 5px;
+ font-family: 'karmillaregular', sans-serif;
margin-bottom: 5px;
+ margin-top: 5px;
padding-bottom: 0;
padding-top: 0;
}
- h2{
- font-weight: bold;
+
+ h2 {
font-size: 25px;
+ font-weight: bold;
}
- h3{
+
+ h3 {
color: lighten($teal, 10%) !important;
font-size: 20px;
}
- .alert.alert-warning{
- background-color: #EFD2DF;
- margin-top: 50px;
+
+ .alert.alert-warning {
+ background-color: #efd2df;
border: 0;
color: black;
+ margin-top: 50px;
}
//form
- legend{
- //color: #43B1A9;//
- color: $teal;//teal
+ legend {
border: 0;
- font-weight: bold;
+ //color: #43B1A9;//
+ color: $teal;
+ font-weight: bold; //teal
}
- label{
- color: #844D9F;
+
+ label {
+ color: #844d9f;
font-weight: lighter;
}
- input[type="text"], input[type="text"].form-control,
- input[type="password"].form-control{
- border: 2px solid #BAB8B8;
+ input[type='text'],
+ input[type='text'].form-control,
+ input[type='password'].form-control {
+ border: 2px solid #bab8b8;
- &.error{
+ &.error {
border-right: 4px solid $pink;
-
}
- &.success{
+ &.success {
border-right: 4px solid $brand-primary;
}
}
- .form-group{
- margin-top: 15px;
+ .form-group {
margin-bottom: 15px;
+ margin-top: 15px;
}
- .btn-primary{
+ .btn-primary {
background-color: $brand-primary;
border-color: transparent;
}
- @media (min-width: 768px){
+ @media (min-width: 768px) {
.navbar-nav {
margin: 10px;
}
+
.navbar-nav > li > a {
- padding-top: 20px;
padding-bottom: 20px;
+ padding-top: 20px;
}
}
- .navbar-default{
+ .navbar-default {
background-color: transparent;
border: 0;
font-weight: bold;
- .container-fluid{
+
+ .container-fluid {
border-bottom: 4px $teal solid;
- margin-right: 15px;
margin-left: 15px;
+ margin-right: 15px;
padding-right: 65px;
}
+
.navbar-brand {
height: 65px;
- padding: 0 30px 5px 15px;
margin-top: 10px;
- img{
+ padding: 0 30px 5px 15px;
+
+ img {
height: 100%;
}
}
- .navbar-nav{
- > .active{
- > a{
- color: $pink;
- background-color: transparent;
+
+ .navbar-nav {
+ > li {
+ > a {
+ color: $brand-primary;
text-decoration: none;
+ }
+ }
+
+ > .active {
+ > a {
+ background-color: transparent;
+ color: $pink;
font-weight: bold;
+ text-decoration: none;
}
+
:hover {
background-color: transparent;
}
}
- > li {
- > a{
- color: $brand-primary;
- text-decoration: none;
- }
- }
- .logout a{
+
+ .logout a {
color: $teal;
}
}
}
- .table{
+ .table {
margin-bottom: 10px;
- > thead{
- > tr{
- > th{
+
+ > thead {
+ > tr {
+ > th {
+ background-color: transparent;
border: 0;
color: $brand-primary;
text-align: left;
- background-color: transparent;
}
}
}
- > tbody{
- > tr:first-child{
- > td{
+
+ > tbody {
+ > tr {
+ > td {
border: 0;
+ border-top: 1px $brand-primary solid;
+ padding-bottom: 20px;
+ padding-top: 20px;
}
}
- > tr{
- > td{
+
+ > tr:first-child {
+ > td {
border: 0;
- border-top: 1px $brand-primary solid;
- padding-top: 20px;
- padding-bottom: 20px;
}
}
}
- td.index, th.index{
+
+ td.index,
+ th.index {
width: 5%;
}
- td.main, th.main{
+
+ td.main,
+ th.main {
width: 50%;
}
- .btn-primary{
+
+ .btn-primary {
background-color: $teal;
border: 0;
margin-left: 5px;
- i{
+
+ i {
margin-left: -2px;
margin-top: 2px;
}
}
- .btn-success{
- background-color: #4B8AC9;
+
+ .btn-success {
+ background-color: #4b8ac9;
border: 0;
margin-left: 5px;
-
}
- .btn-danger{
- background-color: #D13689;
+
+ .btn-danger {
+ background-color: #d13689;
border: 0;
margin-left: 5px;
- i{
+
+ i {
margin-left: -1px;
}
}
+
.btn-warning {
- margin-left: 5px;
border: 0;
+ margin-left: 5px;
}
}
//custom elements
- .btn-wide{
- font-family: 'karmillaregular';
+ .btn-wide {
+ font-family: 'karmillaregular', sans-serif;
font-size: 21px;
padding: 5px 50px;
}
- .published .fa-circle{
+
+ .published .fa-circle {
color: $teal;
}
- .unpublished .fa-circle{
+
+ .unpublished .fa-circle {
color: $pink;
}
}
diff --git a/packages/components/packages/PostsManager/PostCreator.scss b/packages/components/packages/PostsManager/PostCreator.scss
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9ad02b6f44bac4527c792a3a66492f0f6270122e 100644
--- a/packages/components/packages/PostsManager/PostCreator.scss
+++ b/packages/components/packages/PostsManager/PostCreator.scss
@@ -0,0 +1 @@
+// This file is meant to be overridden by the styles provided by pubsweet-theme-plugin (this way of theming is deprecated)
diff --git a/packages/components/packages/PostsManager/PostList.scss b/packages/components/packages/PostsManager/PostList.scss
index 0a64d8e5d8d2907cbfe46a75d220e702e72c6350..9ad02b6f44bac4527c792a3a66492f0f6270122e 100644
--- a/packages/components/packages/PostsManager/PostList.scss
+++ b/packages/components/packages/PostsManager/PostList.scss
@@ -1,7 +1 @@
-:local .list {
-
-}
-
-:local .header {
-
-}
+// This file is meant to be overridden by the styles provided by pubsweet-theme-plugin (this way of theming is deprecated)
diff --git a/packages/components/packages/PostsManager/PostsManager.local.scss b/packages/components/packages/PostsManager/PostsManager.local.scss
index 8b137891791fe96927ad78e64b0aad7bded08bdc..9ad02b6f44bac4527c792a3a66492f0f6270122e 100644
--- a/packages/components/packages/PostsManager/PostsManager.local.scss
+++ b/packages/components/packages/PostsManager/PostsManager.local.scss
@@ -1 +1 @@
-
+// This file is meant to be overridden by the styles provided by pubsweet-theme-plugin (this way of theming is deprecated)
diff --git a/packages/components/packages/Signup/Signup.local.scss b/packages/components/packages/Signup/Signup.local.scss
index b61ca8ab628082cfe60b28a58bbc07dfdc482917..1aa82c800c971cd88d5b2f78b5d409e30847e40d 100644
--- a/packages/components/packages/Signup/Signup.local.scss
+++ b/packages/components/packages/Signup/Signup.local.scss
@@ -1,5 +1,4 @@
.button {
- margin-top: 22px !important;
- margin-bottom: 14px !important;
+ margin-bottom: 14px !important;
+ margin-top: 22px !important;
}
-
diff --git a/packages/ui/src/atoms/Checkbox.local.scss b/packages/ui/src/atoms/Checkbox.local.scss
index 8349ddc71bc9e61376bb4e60c95c937b0a2c15fe..e1192af129ab88feb87131b32f5b2766a632a248 100644
--- a/packages/ui/src/atoms/Checkbox.local.scss
+++ b/packages/ui/src/atoms/Checkbox.local.scss
@@ -38,8 +38,8 @@
width: 9px;
}
-.root input:focus + span::before,
-.root:hover span::before {
+.root:hover span::before,
+.root input:focus + span::before {
//background-size: 100%;
background: var(--color-primary);
box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 white;
@@ -55,4 +55,3 @@
transition: border 0.5s ease, background-size 0.3s ease;
}
}
-
diff --git a/packages/ui/src/atoms/Tags.scss b/packages/ui/src/atoms/Tags.scss
index 991d4395c9aeecf405f5e19ca396f6ac346151ed..14bc596c06781b43f7c01000a5cf1ad946c55404 100644
--- a/packages/ui/src/atoms/Tags.scss
+++ b/packages/ui/src/atoms/Tags.scss
@@ -6,22 +6,30 @@ $color: var(--color-primary);
$color-back: white;
@mixin realBorder($color, $colorback) {
- background: linear-gradient($colorback 0, $colorback 1.2em, $color 1.2em, $color 1.25em, $colorback 1.25em, $colorback 2em) no-repeat;
- text-shadow: 0.05em 0.05em 0 $colorback, -0.05em -0.05em 0 $colorback, -0.05em 0.05em 0 $colorback, 0.05em -0.05em 0 $colorback;
+ background: linear-gradient(
+ $colorback 0,
+ $colorback 1.2em,
+ $color 1.2em,
+ $color 1.25em,
+ $colorback 1.25em,
+ $colorback 2em
+ )
+ no-repeat;
+ text-shadow: 0.05em 0.05em 0 $colorback, -0.05em -0.05em 0 $colorback,
+ -0.05em 0.05em 0 $colorback, 0.05em -0.05em 0 $colorback;
}
.root {
- font-family: "Fira Sans Condensed", sans-serif;
+ font-family: 'Fira Sans Condensed', sans-serif;
}
.react-tags {
- position: relative;
- padding: 6px 0 0 6px;
- font-size: 1em;
- line-height: 1.2;
-
/* clicking anywhere will focus the input */
cursor: text;
+ font-size: 1em;
+ line-height: 1.2;
+ padding: 6px 0 0 6px;
+ position: relative;
}
.react-tags.is-focused {
@@ -33,33 +41,34 @@ $color-back: white;
}
.react-tags__selected-tag {
- font-family: "Vollkorn", serif;
- display: inline-block;
- box-sizing: border-box;
- margin: 0 1em 1em 0;
- padding: 0.1em 0.3em;
border: 0 solid transparent;
- @include realBorder(#aaa, white);
+ box-sizing: border-box;
+ cursor: pointer;
+ display: inline-block;
+ font-family: 'Vollkorn', serif;
/* match the font styles */
font-size: inherit;
line-height: inherit;
- cursor: pointer;
+ margin: 0 1em 1em 0;
+ padding: 0.1em 0.3em;
+
+ @include realBorder(#aaa, white);
}
.react-tags__selected-tag::after {
+ background: white;
+ color: #aaa;
content: '\2715';
- margin-left: 8px;
- padding: 3px 0 0;
// margin: 0;
display: inline-block;
- width: 13px;
- height: 10px;
font-size: 0.9em;
- background: white;
- color: #aaa;
font-weight: 600;
+ height: 10px;
+ margin-left: 8px;
+ padding: 3px 0 0;
text-shadow: none;
+ width: 13px;
&:hover {
background: var(--color-primary);
@@ -68,10 +77,10 @@ $color-back: white;
.react-tags__selected-tag:hover,
.react-tags__selected-tag:focus {
- @include realBorder(transparent, white);
-
text-decoration: line-through;
+ @include realBorder(transparent, white);
+
&::after {
color: var(--color-danger);
}
@@ -82,10 +91,10 @@ $color-back: white;
/* match tag layout */
margin: 0 1em 1em 0;
- padding: 0.1em 0.3em;
/* prevent autoresize overflowing the container */
max-width: 100px;
+ padding: 0.1em 0.3em;
}
@media screen and (min-width: 30em) {
@@ -96,25 +105,26 @@ $color-back: white;
}
.react-tags__search input {
- /* prevent autoresize overflowing the container */
- max-width: 100%;
-
- /* remove styles and layout from this element */
- margin: 0;
- padding: 0;
border: 0;
- outline: none;
+ border-bottom: 1px dashed grey;
+ color: black; // color: red;
+ font-family: 'Vollkorn', serif;
/* match the font styles */
font-size: inherit;
line-height: inherit;
- border-bottom: 1px dashed grey;
+
+ /* remove styles and layout from this element */
+ margin: 0;
+
+ /* prevent autoresize overflowing the container */
+ max-width: 100%;
min-width: 15ch;
- font-family: "Vollkorn", serif;
- color: black; // color: red;
+ outline: none;
+ padding: 0;
&::placeholder {
- font-family: "Fira Sans Condensed", sans-serif;
+ font-family: 'Fira Sans Condensed', sans-serif;
opacity: 0.5;
}