public/homebrewery
1
0
Fork 0
mirror of https://github.com/stolksdorf/homebrewery.git synced 2025-12-13 03:45:56 +00:00
Code Issues Releases Wiki Activity

ADding in stlying and snippet for a descriptive text box

Browse Source
This commit is contained in:
Scott Tolksdorf
2016-07-29 01:26:20 -04:00
parent e31cb003eb
commit 33fd991276
7 changed files with 95 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
changelog.md
View File

@@ -1,5 +1,8 @@
# changelog
### Friday, 29/07/2016
- Adding in descriptive note blocks. (Thanks calculuschild!)
### Thursday, 07/07/2016 - v2.2.6
- Added a new nav item on the homepage for accessing both recently viewed and edited brews (thanks [ChosenSeraph!](https://github.com/stolksdorf/homebrewery/issues/147))

14
client/homebrew/editor/snippets/snippets.js
View File

@@ -107,6 +107,20 @@ module.exports = [
].join('\n');
},
},
{
name : 'Descriptive Text Box',
icon : 'fa-sticky-note-o',
gen : function(){
return [
"<div class='descriptive'>",
"##### Time to Drop Knowledge",
"Use notes to point out some interesting information. ",
"",
"**Tables and lists** both work within a note.",
"</div>"
].join('\n');
},
},
{
name : 'Monster Stat Block',
icon : 'fa-bug',

2
client/homebrew/navbar/navbar.jsx
View File

@@ -34,7 +34,7 @@ var Navbar = React.createClass({
<Nav.item href='/' className='homebrewLogo'>
<div>The Homebrewery</div>
</Nav.item>
<Nav.item>v2.2.6</Nav.item>
<Nav.item>v2.2.7</Nav.item>
{this.renderChromeWarning()}
</Nav.section>

3
client/homebrew/phbStyle/phb.assets.less
View File

File diff suppressed because one or more lines are too long

61
client/homebrew/phbStyle/phb.style.less
View File

@@ -12,7 +12,7 @@
@monsterStatBackground : #FDF1DC;
@page { margin: 0; }
body {
counter-reset: phb-page-numbers;
counter-reset : phb-page-numbers;
}
.useSansSerif(){
font-family : ScalySans;
@@ -40,7 +40,7 @@ body {
}
.phb{
.useColumns();
counter-increment: phb-page-numbers;
counter-increment : phb-page-numbers;
position : relative;
z-index : 15;
box-sizing : border-box;
@@ -63,7 +63,7 @@ body {
padding-bottom : 0.8em;
line-height : 1.3em;
&+p{
margin-top : -0.8em;
margin-top : -0.8em;
}
}
ul{
@@ -218,12 +218,12 @@ body {
border-bottom : 1px solid @headerText;
}
hr+ul{
color : @headerText;
color : @headerText;
}
ul{
.useSansSerif();
padding-left : 1em;
font-size : 0.352cm;
padding-left : 1em;
font-size : 0.352cm;
}
// Monster Ability table
hr+table{
@@ -261,7 +261,6 @@ body {
hr+hr+blockquote{
.useColumns(0.96);
}
//*****************************
// * FOOTER
// *****************************/
@@ -295,10 +294,8 @@ body {
font-size : 0.9em;
color : #c9ad6a;
text-align : center;
&.auto::after {
content: counter(phb-page-numbers);
content : counter(phb-page-numbers);
}
}
.footnote{
@@ -324,7 +321,6 @@ body {
text-indent : -1em;
list-style-type : none;
}
//Column Break
pre, code{
visibility : hidden;
@@ -386,8 +382,6 @@ body {
box-shadow : none;
}
}
//*****************************
// * WIDE
// *****************************/
@@ -396,14 +390,11 @@ body {
-webkit-column-span : all;
-moz-column-span : all;
}
//*****************************
// * CLASS TABLE
// *****************************/
.phb .classTable{
margin-top : 25px;
margin-top : 25px;
margin-bottom : 40px;
border-collapse : separate;
background-color : white;
@@ -415,6 +406,40 @@ body {
border-image-source : @frameBorderImage;
border-image-width : 47px;
h5{
margin-bottom: 10px;
margin-bottom : 10px;
}
}
//*****************************
// * CLASS TABLE
// *****************************/
.phb .descriptive{
display : block-inline;
margin-bottom : 1em;
background-color : #faf7ea;
font-family : ScalySans;
border-style : solid;
border-width : 7px;
border-image : @descriptiveBoxImage 12 round;
border-image-outset : 4px;
box-shadow : 0px 0px 6px #faf7ea;
p{
display : block;
padding-bottom : 0px;
line-height : 1.5em;
}
p + p {
padding-top : .8em;
}
em {
font-family : ScalySans;
font-style : italic;
}
strong {
font-family : ScalySans;
font-weight : 800;
letter-spacing : -0.02em;
}
}
.phb pre+.descriptive{
margin-top : 8px;
}

2
package.json
View File

@@ -1,7 +1,7 @@
{
"name": "homebrewery",
"description": "Create authentic looking D&D homebrews using only markdown",
"version": "2.2.6",
"version": "2.2.7",
"scripts": {
"postinstall": "gulp prod",
"start": "node server.js"

31
phb.standalone.css
View File

@@ -589,3 +589,34 @@ body {
.phb .classTable h5 {
margin-bottom: 10px;
}
.phb .descriptive {
display: block-inline;
margin-bottom: 1em;
background-color: #faf7ea;
font-family: ScalySans;
border-style: solid;
border-width: 7px;
border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAMAAADG+c2+AAAAM1BMVEUAAAAAAAAAAAAkAAA1GwA0GgA5GgA5GwA4HgA7HgA5HgA7HgA7HwA7HgA8HgA7HgA8HwDn6RpAAAAAEHRSTlMAAQcHMDExQ1ZW1dXY3t7+02zZCAAAAKNJREFUWMPt2LEOwyAMBNCkSXGpKfb/f20G3AGUiWOJdNlueYrt6di2J3xHrmZF9mVCdnd3T/NgCO+ItUWdB0P4RrQWfR4chOVggUcu/cgCH0X6o+ynuivg3QjIAm8FggQJEiRIkCBBggQJEoTApO56An15EFIrVgJ4vaAtlnlwEKKbGrLATlgOxg9XeORfv9IMH+Xzb7tSzGo+gL7chNcjXpUulIwXVrjWS+0AAAAASUVORK5CYII=") 12 round;
border-image-outset: 4px;
box-shadow: 0px 0px 6px #faf7ea;
}
.phb .descriptive p {
display: block;
padding-bottom: 0px;
line-height: 1.5em;
}
.phb .descriptive p + p {
padding-top: .8em;
}
.phb .descriptive em {
font-family: ScalySans;
font-style: italic;
}
.phb .descriptive strong {
font-family: ScalySans;
font-weight: 800;
letter-spacing: -0.02em;
}
.phb pre + .descriptive {
margin-top: 8px;
}