mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-03 14:52:38 +00:00
24544e713e
Adding the margin resets back in because otherwise each .page margin is set to "auto" on the sides, and that makes them zoom awkwardly when in facing and flow modes.
75 lines
1.6 KiB
Plaintext
75 lines
1.6 KiB
Plaintext
@import (multiple, less) 'shared/naturalcrit/styles/reset.less';
|
|
|
|
.brewRenderer {
|
|
overflow-y : scroll;
|
|
will-change : transform;
|
|
padding-top : 30px;
|
|
:where(.pages) {
|
|
margin : 30px 30px;
|
|
|
|
&.facing {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, auto);
|
|
grid-template-rows: repeat(3, auto);
|
|
gap: 10px 10px;
|
|
justify-content: center;
|
|
& .page:first-child {
|
|
// sets first page on 'right' ('recto') of the preview, as if for a Cover page.
|
|
// todo: add a checkbox to toggle this setting
|
|
grid-column-start: 2;
|
|
}
|
|
& :where(.page) {
|
|
margin-left: unset !important;
|
|
margin-right: unset !important;
|
|
}
|
|
}
|
|
|
|
&.flow {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
justify-content: flex-start;
|
|
& :where(.page) {
|
|
margin-left: unset !important;
|
|
margin-right: unset !important;
|
|
}
|
|
|
|
}
|
|
|
|
& > :where(.page) {
|
|
width : 215.9mm;
|
|
height : 279.4mm;
|
|
margin-right : auto;
|
|
margin-bottom : 30px;
|
|
margin-left : auto;
|
|
box-shadow : 1px 4px 14px #000000;
|
|
}
|
|
}
|
|
&::-webkit-scrollbar {
|
|
width : 20px;
|
|
&:horizontal {
|
|
width : auto;
|
|
height : 20px;
|
|
}
|
|
&-thumb {
|
|
background : linear-gradient(90deg, #D3C1AF 15px, #00000000 15px);
|
|
&:horizontal { background : linear-gradient(0deg, #D3C1AF 15px, #00000000 15px); }
|
|
}
|
|
&-corner { visibility : hidden; }
|
|
}
|
|
}
|
|
|
|
.pane { position : relative; }
|
|
|
|
@media print {
|
|
.toolBar { display : none; }
|
|
.brewRenderer {
|
|
height : 100%;
|
|
padding-top : unset;
|
|
overflow-y : unset;
|
|
.pages {
|
|
margin : 0px;
|
|
& > .page { box-shadow : unset; }
|
|
}
|
|
}
|
|
} |