0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-07 07:42:39 +00:00

Further trim Blank theme. Use :where(.page)

where(.page) lowers specificity so styles can be overwritten by the user style tab without needing `.page`
This commit is contained in:
Trevor Buckner
2022-08-07 00:10:14 -04:00
parent 7ff478b542
commit 9d05ee56a3

View File

@@ -41,9 +41,11 @@ body {
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;
page-break-before : always; page-break-before : always;
page-break-after : always; page-break-after : always;
}
//***************************** //*****************************
// * BASE // * BASE
// *****************************/ // *****************************/
:where(.page){
p{ p{
overflow-wrap : break-word; overflow-wrap : break-word;
display : block; display : block;
@@ -73,6 +75,7 @@ body {
// *****************************/ // *****************************/
h1,h2,h3,h4,h5,h6{ h1,h2,h3,h4,h5,h6{
font-weight : bold; font-weight : bold;
line-height : normal;
} }
h1{ h1{
font-size : 2em; font-size : 2em;
@@ -168,10 +171,6 @@ body {
//***************************** //*****************************
// * EXTRAS // * EXTRAS
// *****************************/ // *****************************/
hr{
visibility : hidden;
margin : 0px;
}
.columnSplit { .columnSplit {
visibility : hidden; visibility : hidden;
-webkit-column-break-after : always; -webkit-column-break-after : always;
@@ -200,17 +199,16 @@ body {
//***************************** //*****************************
// * MUSTACHE DIVS/SPANS // * MUSTACHE DIVS/SPANS
// *****************************/ // *****************************/
.page { :where(.page) {
.block { .block {
break-inside : avoid; break-inside : avoid;
display : inline-block; display : inline-block;
.page :where(&) { .page :where(&) {
width : 100%; width : 100%;
} }
//-webkit-transform : translateZ(0); //Prevents shadows from breaking across columns
} }
.inline-block { .inline-block {
display : inline-block; display : inline-block;
text-indent : initial; text-indent : initial;
} }
} }
@@ -218,37 +216,27 @@ body {
//***************************** //*****************************
// * DEFINITION LISTS // * DEFINITION LISTS
// *****************************/ // *****************************/
.page { :where(.page) {
dl { dl {
line-height : 1.25em;
padding-left : 1em; padding-left : 1em;
white-space : pre-line; white-space : pre-line;
& + * {
margin-top : 0.28cm;
}
}
dl + * {
margin-top : 0.17cm;
}
p + dl {
margin-top: 0.17cm;
} }
dt { dt {
display : inline; display : inline;
margin-right : 5px; margin-right : 0.5ch;
margin-left : -1em; margin-left : -1em;
} }
dd { dd {
display : inline; display : inline;
margin-left : 0px; margin-left : 0;
text-indent : 0px; text-indent : 0;
} }
} }
//***************************** //*****************************
// * BLANK LINE // * BLANK LINE
// *****************************/ // *****************************/
.page { :where(.page) {
.blank { .blank {
height : 1em; height : 1em;
margin-top : 0; margin-top : 0;
@@ -258,13 +246,13 @@ body {
//***************************** //*****************************
// * WIDE // * WIDE
// *****************************/ // *****************************/
.page .wide{ :where(.page) {
column-span : all; .wide{
-webkit-column-span : all; column-span : all;
-moz-column-span : all; display : block;
display : block; margin-bottom : 1em;
margin-bottom : 0.34cm; &+* {
&+* { margin-top : 0;
margin-top : 0; }
} }
} }