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

Allow wide classTables to bleed into top margin

Browse Source
This commit is contained in:
Trevor Buckner
2021-09-18 00:37:21 -04:00
parent a39a2898bb
commit 4bebdfda79
1 changed files with 50 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
themes/5ePhb.style.less
View File

@@ -600,49 +600,57 @@ body {
//***************************** //*****************************
// * CLASS TABLE // * CLASS TABLE
// *****************************/ // *****************************/
.page .classTable{ .page {
th[colspan]:not([rowspan]) { * + .classTable.frame {
white-space : nowrap; margin-top : 0.66cm;
} }
&.frame { .classTable{
margin-top : 0.66cm; th[colspan]:not([rowspan]) {
margin-bottom : 1.05cm; white-space : nowrap;
margin-left : -0.1cm; }
margin-right : -0.1cm; &.frame {
width : calc(100% + 0.2cm); margin-top : 0.66cm;
border-collapse : separate; &.wide { // Allow top border to move into margin if
background-color : white; margin-top : 0;
border : initial; }
border-style : solid; margin-bottom : 1.05cm;
border-image-outset : 0.55cm 0.3cm; margin-left : -0.1cm;
border-image-repeat : stretch; margin-right : -0.1cm;
border-image-slice : 200; width : calc(100% + 0.2cm);
border-image-source : @frameBorderImage; border-collapse : separate;
border-image-width : 47px; background-color : white;
} border : initial;
&.decoration { border-style : solid;
transform-style : preserve-3d; border-image-outset : 0.4cm 0.3cm;
} border-image-repeat : stretch;
&.decoration::before { border-image-slice : 200;
content :''; border-image-source : @frameBorderImage;
position : absolute; border-image-width : 47px;
background-image : @classTableDecoration; }
background-size : contain; &.decoration {
background-repeat : space; transform-style : preserve-3d;
width : 7.75cm; }
height : calc(100% + 3.3cm); &.decoration::before {
top : 50%; content :'';
left : 50%; position : absolute;
transform : translateY(-50%) translateX(-50%) translateZ(-1px); background-image : @classTableDecoration;
filter : drop-shadow(0px 0px 1px #C8C5C080) background-size : contain;
} background-repeat : space;
&.decoration.wide::before { width : 7.75cm;
width : calc(100% + 3.3cm); height : calc(100% + 3.3cm);
height : 7.75cm; top : 50%;
top : calc(50% + 0.4cm); left : 50%;
} transform : translateY(-50%) translateX(-50%) translateZ(-1px);
h5 + table{ filter : drop-shadow(0px 0px 1px #C8C5C080)
margin-top : 0.2cm; }
&.decoration.wide::before {
width : calc(100% + 3.3cm);
height : 7.75cm;
top : calc(50% + 0.4cm);
}
h5 + table{
margin-top : 0.2cm;
}
} }
} }
//***************************** //*****************************