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:
@@ -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;
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user