0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 16:32:40 +00:00

Try @Layers to not need .page in user style

This commit is contained in:
Trevor Buckner
2023-01-13 17:08:12 -05:00
parent da676c6ec1
commit a22d59475e
3 changed files with 1009 additions and 1003 deletions

View File

@@ -49,7 +49,7 @@ const BrewRenderer = createClass({
initialContent : `<!DOCTYPE html><html><head> initialContent : `<!DOCTYPE html><html><head>
<link href="//use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" /> <link href="//use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css" />
<link href='/homebrew/bundle.css' rel='stylesheet' /> <style>@import url("/homebrew/bundle.css") layer(bundle)</style>
<base target=_blank> <base target=_blank>
</head><body style='overflow: hidden'><div></div></body></html>` </head><body style='overflow: hidden'><div></div></body></html>`
}; };
@@ -134,7 +134,7 @@ const BrewRenderer = createClass({
renderStyle : function() { renderStyle : function() {
if(!this.props.style) return; if(!this.props.style) return;
return <div style={{ display: 'none' }} dangerouslySetInnerHTML={{ __html: `<style> ${this.props.style} </style>` }} />; return <div style={{ display: 'none' }} dangerouslySetInnerHTML={{ __html: `<style>@layer styleTab {\n${this.props.style}\n} </style>` }} />;
}, },
renderPage : function(pageText, index){ renderPage : function(pageText, index){

View File

@@ -1,3 +1,5 @@
@layer V3_PHB {
@import (less) './themes/fonts/5e/fonts.less'; @import (less) './themes/fonts/5e/fonts.less';
@import (less) './themes/assets/assets.less'; @import (less) './themes/assets/assets.less';
@@ -794,3 +796,4 @@ body {
.page h1 + *{ .page h1 + *{
margin-top : 0; margin-top : 0;
} }
}

View File

@@ -1,3 +1,5 @@
@layer V3_Blank {
@import (less) './themes/fonts/5e/fonts.less'; @import (less) './themes/fonts/5e/fonts.less';
@import (less) './themes/assets/assets.less'; @import (less) './themes/assets/assets.less';
@@ -274,3 +276,4 @@ body {
} }
} }
} }
}