1
0
mirror of https://github.com/stolksdorf/homebrewery.git synced 2025-12-15 22:15:57 +00:00

Spelllist is rendering nicely

This commit is contained in:
Scott Tolksdorf
2016-05-28 10:26:09 -04:00
parent c993ae9cf5
commit 00bf12ecb7
2 changed files with 45 additions and 15 deletions

View File

@@ -8,9 +8,14 @@ var renderer = new Markdown.Renderer();
//Processes the markdown within an HTML block if it's just a class-wrapper
renderer.html = function (html) {
if(_.startsWith(html, '<div class=') && _.endsWith(_.trim(html), '</div>')){
var openTag = html.substring(0, html.indexOf('>'));
var openTag = html.substring(0, html.indexOf('>')+1);
html = html.substring(html.indexOf('>')+1);
html = html.substring(0, html.lastIndexOf('</div>'));
console.log(html);
console.log(Markdown(html));
return `${openTag} ${Markdown(html)} </div>`;
}
return html;

View File

@@ -64,17 +64,17 @@
}
ul{
margin-bottom : 0.8em;
padding-left : 1.4em;
line-height : 1.3em;
list-style-position : outside;
list-style-type : disc;
padding-left: 1.4em;
}
ol{
margin-bottom : 0.8em;
padding-left : 1.4em;
line-height : 1.3em;
list-style-position : outside;
list-style-type : decimal;
padding-left: 1.4em;
}
img{
z-index : -1;
@@ -169,15 +169,15 @@
// *****************************/
blockquote{
.useSansSerif();
box-sizing : border-box;
margin-bottom : 1em;
padding : 5px 10px;
background-color : @noteGreen;
border-style: solid;
border-width: 11px;
border-image: @noteBorderImage 11;
border-image-outset: 9px 0px;
box-shadow : 1px 4px 14px #888;
box-sizing : border-box;
margin-bottom : 1em;
padding : 5px 10px;
background-color : @noteGreen;
border-style : solid;
border-width : 11px;
border-image : @noteBorderImage 11;
border-image-outset : 9px 0px;
box-shadow : 1px 4px 14px #888;
p, ul{
font-size : 0.352cm;
line-height : 1.1em;
@@ -185,7 +185,7 @@
}
//If a note starts a column, give it space at the top to render border
pre+blockquote{
margin-top: 11px;
margin-top : 11px;
}
//*****************************
// * MONSTER STAT BLOCK
@@ -222,8 +222,8 @@
margin : 0;
column-span : 1;
background-color : transparent;
border-style : none;
border-image : none;
border-style : none;
-webkit-column-span : 1;
tbody{
tr:nth-child(odd), tr:nth-child(even){
@@ -339,7 +339,7 @@
-moz-column-span : all;
}
//Column Break
pre{
pre, code{
visibility : hidden;
-webkit-column-break-after : always;
break-after : always;
@@ -367,6 +367,31 @@
}
}
//*****************************
// * SPELL LIST
// *****************************/
.phb .spellList{
.useSansSerif();
column-count : 4;
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
ul+h5{
margin-top : 15px;
}
p, ul{
font-size : 0.352cm;
line-height : 1.3em;
}
ul{
margin-bottom : 0.5em;
padding-left : 1em;
text-indent : -1em;
list-style-type : none;
-webkit-column-break-inside : auto;
column-break-inside : auto;
}
}
//*****************************
// * PRINT
// *****************************/
.phb.print{