mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-28 02:42:39 +00:00
34fa724fdd
More consistent visuals since the zooming of the .pages element affects the spacing around the edges, and the brewRenderer padding isn't affected.
76 lines
1.7 KiB
Plaintext
76 lines
1.7 KiB
Plaintext
@import (multiple, less) 'shared/naturalcrit/styles/reset.less';
|
|
|
|
.brewRenderer {
|
|
overflow-y : scroll;
|
|
will-change : transform;
|
|
padding : 60px 0px;
|
|
&:has(.facing, .flow) {
|
|
padding : 60px 30px;
|
|
}
|
|
:where(.pages) {
|
|
&.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; }
|
|
}
|
|
}
|
|
} |