f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-27 02:52:43 +00:00
Code Wiki Activity

Give inter-block margins for spacing priority over margins for borders

Browse Source
This commit is contained in:
Trevor Buckner
2021-09-11 00:34:33 -04:00
parent 6237df953e
commit 39eae73978
3 changed files with 41 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
changelog.md
View File

@@ -28,6 +28,10 @@ pre {
.page {
padding-bottom:.5cm;
}
.page p + pre {
margin-top : 0.1cm;
}
```
# changelog

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

@@ -1,3 +1,13 @@
```css
.page #example + table td {
border:1px dashed #00000030;
}
.page {
padding-bottom : 1.3cm;
}
```
# The Homebrewery *V3*
Welcome traveler from an antique land. Please sit and tell us of what you have seen. The unheard of monsters, who slither and bite. Tell us of the wondrous items and and artifacts you have found, their mysteries yet to be unlocked. Of the vexing vocations and surprising skills you have seen.
@@ -20,11 +30,11 @@ PDF Printing works best in Google Chrome. If you are having quality/consistency
After clicking the "Print" item in the navbar a new page will open and a print dialog will pop-up.
* Set the **Destination** to "Save as PDF"
* Set **Paper Size** to "Letter"
* If you are printing on A4 paper, make sure to have the {{far,fa-file}} **A4 Pagesize** snippet in your brew
* If you are printing on A4 paper, make sure to have the **PRINT → {{far,fa-file}} A4 Pagesize** snippet in your brew
* In **Options** make sure "Background Images" is selected.
* Hit print and enjoy! You're done!
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
If you want to save ink or have a monochrome printer, add the **PRINT → {{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' />
@@ -60,7 +70,7 @@ The Homebrewery is licensed using the [MIT License](https://github.com/naturalcr
If you wish to sell or in some way gain profit for what's created on this site, it's your responsibility to ensure you have the proper licenses/rights for any images or resources used.
#### Crediting Me
If you'd like to credit The Homebrewery in your brew, I'd be flattered! Just reference that you made it with The Homebrewery.
If you'd like to credit me in your brew, I'd be flattered! Just reference that you made it with The Homebrewery.
### More Resources
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/).
@@ -127,9 +137,9 @@ Row spanning is achieved by adding a `^` at the end of a cell just before the `|
These can be combined to span a cell across both columns and rows. Cells must have the same colspan if they are to be rowspan'd.
##### Example
| | Spanned Header ||
| Head A | Head B | Head C |
|:-------|:-------|:-------|
| Head A | Spanned Header ||
| Head B | Head C | Head D |
|:-------|:------:|:------:|
| 1A | 1B | 1C |
| 2A ^| 2B | 2C |
| 3A ^| 3B 3C ||
@@ -137,7 +147,6 @@ These can be combined to span a cell across both columns and rows. Cells must ha
| 5A ^| 5B | 5C |
| 6A | 6B ^| 6C |
## Images
Images must be hosted online somewhere, like [Imgur](https://www.imgur.com). You use the address to that image to reference it in your brew\*. Images can be included using Markdown-style images.

29
themes/5ePhb.style.less
View File

@@ -34,6 +34,9 @@ body {
font-weight : 800;
letter-spacing : -0.02em;
}
h5 + * {
margin-top : 0.1cm;
}
}
.useColumns(@multiplier : 1, @fillMode: balance){
column-count : 2;
@@ -78,7 +81,7 @@ body {
display : block;
line-height : 1.3em;
&+* {
margin-top : 0.27cm;
margin-top : 0.325cm;
}
&+p{
margin-top : 0;
@@ -177,6 +180,9 @@ body {
font-family : ScalySansSmallCapsRemake;
font-size : 0.423cm;
font-weight : 900;
& + * {
margin-top : 0.2cm;
}
}
//*****************************
// * TABLE
@@ -185,7 +191,7 @@ body {
.useSansSerif();
width : 100%;
& + * {
margin-top : 0.27cm;
margin-top : 0.325cm;
}
thead{
display: table-row-group;
@@ -217,9 +223,11 @@ body {
border-image : @noteBorderImage 12 stretch;
border-image-outset : 9px 0px;
border-image-width : 11px;
margin-top : 9px; //Prevent top border getting cut off on colbreak
padding : 0.13cm 0.16cm;
filter : drop-shadow(1px 4px 6px #888);
.page :where(&) {
margin-top : 9px; //Prevent top border getting cut off on colbreak
}
& + * {
margin-top : 0.45cm;
}
@@ -247,9 +255,11 @@ body {
border-width : 7px;
border-image : @descriptiveBoxImage 12 stretch;
border-image-outset : 4px;
margin-top : 4px; //Prevent top border getting cut off on colbreak
padding : 0.1em;
filter : drop-shadow(0 0 3px #faf7ea);
.page :where(&) {
margin-top : 4px; //Prevent top border getting cut off on colbreak
}
& + * {
margin-top : 0.45cm;
}
@@ -365,12 +375,13 @@ body {
background-attachment : fixed;
filter : drop-shadow(1px 4px 6px #888);
padding : 4px 2px;
margin : 0px -6px 1em;
margin-left : -6px;
margin-right : -6px;
}
position : relative;
padding : 0px;
margin-bottom : 1em;
margin-bottom : 0.325cm;
p{
margin-bottom : 0.3cm;
@@ -514,10 +525,12 @@ body {
border-image-width : 10px;
border-image-outset : 2px;
border-radius : 12px;
margin-top : 2px; //Prevent top border getting cut off on colbreak
margin-bottom : 2px;
.page :where(&) {
margin-top : 2px; //Prevent top border getting cut off on colbreak
}
& + * {
margin-top : 0.27cm;
margin-top : 0.325cm;
}
}
//*****************************