f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-13 06:32:39 +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

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;