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

Pseudo borders are now working

Browse Source
This commit is contained in:
Scott Tolksdorf
2017-03-19 13:50:45 -04:00
parent 30d3fcf168
commit a3251dfa19
2 changed files with 42 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
package.json
View File

@@ -7,14 +7,11 @@
"quick": "node scripts/quick.js",
"build": "node scripts/build.js",
"populate": "node scripts/populate.js",
"prod": "set NODE_ENV=production&& npm run build",
"postinstall": "npm run build",
"start": "node server.js",
"snippet" : "nodemon scripts/snippet.test.js",
"todo" : "node_modules/.bin/notes -h true -x node_modules/ -x build/",
"snippet": "nodemon scripts/snippet.test.js",
"todo": "./node_modules/.bin/fixme -i node_modules/** -i build/**",
"test": "mocha tests",
"test:dev": "nodemon -x mocha tests || exit 0",
"test:markdown": "nodemon -x mocha tests/markdown.test.js || exit 0"
@@ -50,6 +47,7 @@
"chai": "^3.5.0",
"chai-as-promised": "^6.0.0",
"chai-subset": "^1.4.0",
"fixme": "^0.4.3",
"mocha": "^3.2.0",
"supertest": "^2.0.1",
"supertest-as-promised": "^4.0.2"

75
shared/homebrewery/phb_style/phb.blocks.less
View File

@@ -6,18 +6,15 @@
.pseudoBorder(){
position : relative;
&:before{
content : '';
position : absolute;
box-sizing : border-box;
width : 100%;
border-style : solid;
z-index : -1;
content : '';
position : absolute;
z-index : -1;
box-sizing : border-box;
border-style : solid;
border-image-repeat : round;
}
}
///////////////////
.spell{
ul:first-of-type{
margin-top : -0.5em;
@@ -31,36 +28,43 @@
}
}
.monster{
-webkit-column-break-inside : avoid;
column-break-inside : avoid;
&>.internal{
.breakAvoid();
.pseudoBorder();
padding : 10px 5px;
table{
color : @headerText;
}
ul:nth-of-type(1),ul:nth-of-type(2){
background-color : red;
}
&:before{
top : 10px;
right : 0px;
bottom : 10px;
left : 0px;
//background-color : @monsterStatBackground;
background-image : @monsterBG;
border-style : solid;
border-width : 10px;
border-image : @monsterBorder 10;
table{
color : @headerText;
}
ul:nth-of-type(1),ul:nth-of-type(2){
background-color : red;
}
//border-image-outset : 25px 17px;
border-image-slice : 10;
border-image-source : @monsterBorder;
border-image-width : 47px;
}
}
.note{
.useSansSerif();
.breakAvoid();
.pseudoBorder();
margin : 9px 0px;
padding : 12px 0px;
margin : 9px 0px;
padding : 12px 5px;
&:before{
top : 9px;
right : 0px;
bottom : 9px;
left : 0px;
background-color : @green;
border-width : 11px;
border-image : @noteBorder 11;
border-image-outset : 9px 0px;
border-image-slice : 11;
border-image-source : @noteBorder;
}
h2,h3,h4{
.useSansSerif();
@@ -70,28 +74,27 @@
font-size : 0.352cm;
line-height : 1.1em;
}
&.alt{
&:before{
border-style : solid;
border-width : 7px;
border-image : @descriptiveBorder 12 round;
border-image-outset : 4px;
border-image-slice : 12;
border-image-source : @descriptiveBorder;
}
}
}
.frame{
margin-top : 26px;
margin-right : 17px;
margin-bottom : 37px;
margin-left : 17px;
&>.internal{
box-sizing : border-box;
.breakAvoid();
.pseudoBorder();
padding : 25px 17px;
&:before{
top : 25px;
right : 17px;
bottom : 25px;
left : 17px;
background-color : white;
border : initial;
border-style : solid;
border-image-outset : 25px 17px;
border-image-repeat : round;
border-image-slice : 150 200 150 200;
border-image-source : @frameBorder;
border-image-width : 47px;