mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-27 15:52:39 +00:00
f3ed174b0e
stylelint has a problem with the `:horizontal` pseudo selector in brewRenderer.jsx, which is being used to apply some styling to the custom scrollbars. As far as i can tell, the selector is not standards-track, so that is probably why. Not sure if we want to adjsut our stylelint config to allow it?
79 lines
1.6 KiB
Plaintext
79 lines
1.6 KiB
Plaintext
@import (multiple, less) 'shared/naturalcrit/styles/reset.less';
|
|
|
|
.brewRenderer {
|
|
padding-top : 30px;
|
|
overflow-y : scroll;
|
|
will-change : transform;
|
|
|
|
:where(.pages) {
|
|
margin : 30px 0px;
|
|
|
|
& > :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; }
|
|
|
|
.pageInfo {
|
|
position : absolute;
|
|
right : 17px;
|
|
bottom : 0;
|
|
z-index : 1000;
|
|
font-size : 10px;
|
|
font-weight : 800;
|
|
color : white;
|
|
background-color : #333333;
|
|
div {
|
|
display : inline-block;
|
|
padding : 8px 10px;
|
|
&:not(:last-child) { border-right : 1px solid #666666; }
|
|
}
|
|
}
|
|
|
|
.ppr_msg {
|
|
position : absolute;
|
|
bottom : 0;
|
|
left : 0px;
|
|
z-index : 1000;
|
|
padding : 8px 10px;
|
|
font-size : 10px;
|
|
font-weight : 800;
|
|
color : white;
|
|
background-color : #333333;
|
|
}
|
|
|
|
@media print {
|
|
.toolBar { display : none; }
|
|
.brewRenderer {
|
|
height : 100%;
|
|
padding-top : unset;
|
|
overflow-y : unset;
|
|
.pages {
|
|
margin : 0px;
|
|
& > .page { box-shadow : unset; }
|
|
}
|
|
}
|
|
} |