f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 18:32:41 +00:00
Code Wiki Activity

Fixing drop caps inside columnWrap

Browse Source
This commit is contained in:
Trevor Buckner
2021-08-30 13:34:12 -04:00
parent 0d9981b3c6
commit 0e5ed35b6c
3 changed files with 51 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client/homebrew/pages/homePage/welcome_msg_v3.md
View File

@@ -4,7 +4,7 @@
}
.page {
padding-bottom : 1.6cm;
padding-bottom : 1.3cm;
}
@@ -37,7 +37,10 @@ After clicking the "Print" item in the navbar a new page will open and a print d
If you want to save ink or have a monochrome printer, add the {{fas,fa-tint}} **Ink Friendly** snippet to your brew before you print
<img src='https://i.imgur.com/hMna6G0.png' style='position:absolute;bottom:50px;left:120px;width:180px' />
<div class='pageNumber'>1</div>
<div class='footnote'>PART 1 | FANCINESS</div>
\column
@@ -75,15 +78,6 @@ If you'd like to credit The Homebrewery in your brew, I'd be flattered! Just ref
If you are looking for more 5e Homebrew resources check out [r/UnearthedArcana](https://www.reddit.com/r/UnearthedArcana/) and their list of useful resources [here](https://www.reddit.com/r/UnearthedArcana/comments/3uwxx9/resources_open_to_the_community/).
<img src='https://i.imgur.com/hMna6G0.png' style='position:absolute;bottom:50px;left:120px;width:180px' />
<div class='pageNumber'>1</div>
<div class='footnote'>PART 1 | FANCINESS</div>
\page
## Markdown+

5
server.js
View File

@@ -134,8 +134,9 @@ app.get('/v3_preview', async (req, res, next)=>{
//Changelog page
app.get('/changelog', async (req, res, next)=>{
const brew = {
title : 'Changelog',
text : changelogText
title : 'Changelog',
text : changelogText,
renderer : 'V3'
};
req.brew = brew;
return next();

74
themes/5ePhb.style.less
View File

@@ -48,6 +48,8 @@ body {
}
.columnWrapper{
max-height : 100%;
column-span : all;
columns : inherit;
}
.page{
.useColumns();
@@ -71,10 +73,13 @@ body {
// *****************************/
p{
overflow-wrap : break-word; //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS
margin-bottom : 0.8em;
display : block;
line-height : 1.3em;
&+* {
margin-top : 0.27cm;
}
&+p{
margin-top : -0.8em;
margin-top : 0;
}
}
ul{
@@ -124,50 +129,49 @@ body {
color : @headerText;
}
h1{
margin-bottom : 0.18cm;
margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE
column-span : all;
font-size : 0.89cm;
-webkit-column-span : all;
-moz-column-span : all;
&+p::first-letter{
float : left;
font-family : SolberaImitationRemake;
line-height : 0.8em;
font-size: 3.5cm;
padding-left: 40px;
margin-left: -40px;
padding-top:10px;
margin-top:-8px;
padding-bottom:10px;
margin-bottom:-20px;
background-image: linear-gradient(-45deg, #322814, #998250, #322814);
background-clip: text;
-webkit-background-clip: text;
color: rgba(0, 0, 0, 0);
float : left;
font-family : SolberaImitationRemake;
line-height : 1em;
font-size : 3.5cm;
padding-left : 40px; //Allow background color to extend into margins
margin-left : -40px;
margin-top :-0.3cm;
padding-bottom :2px;
margin-bottom :-20px;
background-image : linear-gradient(-45deg, #322814, #998250, #322814);
background-clip : text;
-webkit-background-clip : text;
color : rgba(0, 0, 0, 0);
}
&+p::first-line{
font-variant : small-caps;
}
}
h2{
margin-top : 0px;
margin-bottom : 0.05cm;
//margin-top : 0px; //Font is misaligned. Shift up slightly
//margin-bottom : 0.05cm;
font-size : 0.75cm;
}
h3{
margin-top : -0.1cm;
margin-bottom : 0.1cm;
//margin-top : -0.1cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.1cm;
font-size : 0.575cm;
border-bottom : 2px solid @headerUnderline;
}
h4{
margin-top : -0.02cm;
margin-bottom : 0.02cm;
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm;
font-size : 0.458cm;
}
h5{
margin-top : -0.02cm;
margin-bottom : 0.02cm;
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm;
font-family : ScalySansSmallCapsRemake;
font-size : 0.423cm;
font-weight : 900;
@@ -480,6 +484,9 @@ body {
break-after : always;
-moz-column-break-after : always;
break-before : column;
&+* {
margin-top: 0;
}
}
//Avoid breaking up
blockquote,table{
@@ -541,6 +548,10 @@ body {
-webkit-column-span : all;
-moz-column-span : all;
display : block;
margin-bottom : 0.34cm;
&+* {
margin-top : 0;
}
}
//*****************************
// * CLASS TABLE
@@ -659,15 +670,18 @@ body {
line-height : 1.3em;
padding-left : 1em;
text-indent : -1em;
& + * {
margin-top : 0.28cm;
}
& + dl {
margin-top : 0;
}
}
dl + * {
margin-top : 0.28cm;
}
dl + p {
margin-top : 0.5em;
margin-top : 0.17cm;
}
p + dl {
margin-top: -0.5em;
margin-top: 0.17cm;
}
dt {
display : inline;