f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-21 05:02:39 +00:00
Code Wiki Activity

PHB style should be fully scoped

Browse Source
This commit is contained in:
Scott Tolksdorf
2017-02-23 08:11:48 -05:00
parent 2f69ef3fe8
commit b20f4ffb46
10 changed files with 197 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
client/homebrew/phbStyle/phb.depricated.less
View File

@@ -1,33 +0,0 @@
.brewRendererOld {
.phb_old{
//Double hr for full width elements
hr+hr+blockquote{
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
}
//*****************************
// * CLASS TABLE
// *****************************/
hr+table{
margin-top : -5px;
margin-bottom : 50px;
padding-top : 10px;
border-collapse : separate;
background-color : white;
border : initial;
border-style : solid;
border-image-outset : 37px 17px;
border-image-repeat : round;
border-image-slice : 150 200 150 200;
border-image-source : @frameBorderImage;
border-image-width : 47px;
}
h5+hr+table{
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
}
}
}

4
shared/depricated/brewRendererOld/brewRendererOld.jsx
View File

@@ -100,13 +100,13 @@ const OLD_BrewRenderer = React.createClass({
},
renderDummyPage : function(index){
return <div className='phb old' id={`p${index + 1}`} key={index}>
return <div className='phb v1' id={`p${index + 1}`} key={index}>
<i className='fa fa-spinner fa-spin' />
</div>
},
renderPage : function(pageText, index){
return <div className='phb_old' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
return <div className='phb v1' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
},
renderPages : function(){

4
shared/homebrewery/brewRenderer/brewRenderer.jsx
View File

@@ -107,13 +107,13 @@ const BrewRenderer = React.createClass({
},
renderDummyPage : function(index){
return <div className='phb' id={`p${index + 1}`} key={index}>
return <div className='phb v1' id={`p${index + 1}`} key={index}>
<i className='fa fa-spinner fa-spin' />
</div>
},
renderPage : function(pageText, index){
return <div className='phb' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
return <div className='phb v1' id={`p${index + 1}`} dangerouslySetInnerHTML={{__html:Markdown.render(pageText)}} key={index} />
},
renderPages : function(){

2
shared/homebrewery/brewRenderer/brewRenderer.less
View File

@@ -1,5 +1,5 @@
@import (less) './client/homebrew/phbStyle/phb.style.less';
@import (less) './shared/homebrewery/phb_style/phb.style.less';
.pane{
position : relative;
}

0
client/homebrew/phbStyle/border.png → shared/homebrewery/phb_style/img/border.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 327 B

0
client/homebrew/phbStyle/note_border.png → shared/homebrewery/phb_style/img/note_border.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 530 B

After

Width:  |  Height:  |  Size: 530 B

0
client/homebrew/phbStyle/red.png → shared/homebrewery/phb_style/img/red.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 864 B

After

Width:  |  Height:  |  Size: 864 B

0
client/homebrew/phbStyle/phb.assets.less → shared/homebrewery/phb_style/phb.assets.less
View File

0
client/homebrew/phbStyle/phb.fonts.css → shared/homebrewery/phb_style/phb.fonts.css
View File

150
client/homebrew/phbStyle/phb.style.less → shared/homebrewery/phb_style/phb.style.less
View File

@@ -1,23 +1,31 @@
@import (less) 'shared/naturalcrit/styles/reset.less';
@import (less) './client/homebrew/phbStyle/phb.fonts.css';
@import (less) './client/homebrew/phbStyle/phb.assets.less';
@import (less) './client/homebrew/phbStyle/phb.depricated.less';
//Colors
@background : #EEE5CE;
@noteGreen : #e0e5c1;
@headerUnderline : #c9ad6a;
@horizontalRule : #9c2b1b;
@headerText : #58180D;
@monsterStatBackground : #FDF1DC;
@import (less) './phb.fonts.css';
@import (less) './phb.assets.less';
@page { margin: 0; }
//TODO: Change
.brewRenderer {
counter-reset : phb-page-numbers;
@media print {
.phb.v1{
.descriptive, blockquote{
box-shadow : none;
}
}
}
.useSansSerif(){
.phb.v1{
//Colors
@background : #EEE5CE;
@noteGreen : #e0e5c1;
@headerUnderline : #c9ad6a;
@horizontalRule : #9c2b1b;
@headerText : #58180D;
@monsterStatBackground : #FDF1DC;
@page { margin: 0; }
.useSansSerif(){
font-family : ScalySans;
em{
font-family : ScalySans;
@@ -28,8 +36,8 @@
font-weight : 800;
letter-spacing : -0.02em;
}
}
.useColumns(@multiplier : 1){
}
.useColumns(@multiplier : 1){
column-count : 2;
column-fill : auto;
column-gap : 1cm;
@@ -40,8 +48,7 @@
-moz-column-width : 8cm * @multiplier;
-webkit-column-gap : 1cm;
-moz-column-gap : 1cm;
}
.phb{
}
& *{
-webkit-print-color-adjust : exact;
}
@@ -361,11 +368,11 @@
-webkit-column-break-inside : avoid;
column-break-inside : avoid;
}
}
//*****************************
// * SPELL LIST
// *****************************/
.phb .spellList{
//*****************************
// * SPELL LIST
// *****************************/
.spellList{
.useSansSerif();
column-count : 4;
column-span : all;
@@ -386,32 +393,28 @@
-webkit-column-break-inside : auto;
column-break-inside : auto;
}
}
//*****************************
// * PRINT
// *****************************/
.phb.print{
}
//*****************************
// * PRINT
// *****************************/
&.print{
blockquote{
box-shadow : none;
}
}
@media print {
.phb .descriptive, .phb blockquote{
box-shadow : none;
}
}
//*****************************
// * WIDE
// *****************************/
.phb .wide{
//*****************************
// * WIDE
// *****************************/
.wide{
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
}
//*****************************
// * CLASS TABLE
// *****************************/
.phb .classTable{
}
//*****************************
// * CLASS TABLE
// *****************************/
.classTable{
margin-top : 25px;
margin-bottom : 40px;
border-collapse : separate;
@@ -426,11 +429,11 @@
h5{
margin-bottom : 10px;
}
}
//*****************************
// * CLASS TABLE
// *****************************/
.phb .descriptive{
}
//*****************************
// * CLASS TABLE
// *****************************/
.descriptive{
display : block-inline;
margin-bottom : 1em;
background-color : #faf7ea;
@@ -457,14 +460,14 @@
font-weight : 800;
letter-spacing : -0.02em;
}
}
.phb pre+.descriptive{
}
pre+.descriptive{
margin-top : 8px;
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
.phb .toc{
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
.toc{
-webkit-column-break-inside : avoid;
column-break-inside : avoid;
a{
@@ -481,4 +484,41 @@
&>ul>li{
margin-bottom : 10px;
}
}
//*****************************
// * Old Stuff
// *****************************/
//Double hr for full width elements
hr+hr+blockquote{
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
}
//*****************************
// * CLASS TABLE
// *****************************/
hr+table{
margin-top : -5px;
margin-bottom : 50px;
padding-top : 10px;
border-collapse : separate;
background-color : white;
border : initial;
border-style : solid;
border-image-outset : 37px 17px;
border-image-repeat : round;
border-image-slice : 150 200 150 200;
border-image-source : @frameBorderImage;
border-image-width : 47px;
}
h5+hr+table{
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
}
}