0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-17 16:42:41 +00:00

Tweak CSS sizes and spacing

This commit is contained in:
Trevor Buckner
2023-05-13 22:44:38 -04:00
parent b135ce2ae9
commit 5889c2f1e0

View File

@@ -825,7 +825,14 @@ h5 + table{
// *****************************/ // *****************************/
.page:has(.backCover) { .page:has(.backCover) {
color: #fff; color: #fff;
padding: 2cm 13cm 0 1.2cm; columns: 1;
padding: 2.25cm 1.3cm 2cm 1.3cm;
&:after {
all: unset;
}
.columnWrapper {
width: 7.6cm;
}
.backCover { .backCover {
position: absolute; position: absolute;
inset: 0; inset: 0;
@@ -835,9 +842,13 @@ h5 + table{
background-size: contain; background-size: contain;
z-index: -1; z-index: -1;
} }
.blank {
height: 1.4em;
}
h1 { h1 {
margin-bottom: .5cm; margin-bottom: .3cm;
font-size: 1.4cm; font-size: 1.35cm;
line-height: 0.95em;
font-family: NodestoCapsCondensed; font-family: NodestoCapsCondensed;
text-align: center; text-align: center;
color: #ED1C24; color: #ED1C24;
@@ -853,10 +864,11 @@ h5 + table{
z-index: -2; z-index: -2;
} }
hr { hr {
margin-left: .53cm; margin-left: auto;
margin-top: .53cm; margin-right: auto;
margin-top: 1.1cm;
height: .53cm; height: .53cm;
width: 6cm; width: 4.5cm;
visibility: visible; visibility: visible;
background-image: @horizontalRule; background-image: @horizontalRule;
background-size: 100% 100%; background-size: 100% 100%;
@@ -864,36 +876,37 @@ h5 + table{
} }
p { p {
font-family: Overpass; font-family: Overpass;
line-height: 1.5em;
font-size: 0.332cm;
} }
hr+p { hr+p {
padding: 0 1.2cm 0 .53cm;
font-family: Overpass;
text-align: center; text-align: center;
margin-top: .6cm; margin-top: .6cm;
} }
.logo { .logo {
position: absolute; position: absolute;
left: 4cm; z-index: 0;
bottom: 2cm;
height: 1.5cm; height: 1.5cm;
width: 1.5cm; left: 1.2cm;
background-image: @naturalCritLogo; bottom: 2cm;
background-position: center; width: 7.6cm;
filter: saturate(0%) brightness(1000%); img {
>p { position: relative;
position: absolute; height : 1.5cm;
top: 2cm; width : 100%;
left: 50%; z-index : 0;
color: #fff; }
font-family: NodestoCapsCondensed; p {
font-size: .4cm; position: relative;
translate: -50% 0; color: #fff;
transform: scale(1.6, 1.0); font-family: NodestoCapsWide;
width: max-content; font-size: .4cm;
letter-spacing: 0.08em;
line-height: 1em;
text-align: center;
text-indent: 0;
width: 100%;
} }
}
&:after {
all: unset;
} }
} }