150 lines
3.1 KiB
CSS
150 lines
3.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
html {
|
|
font-family: "Inter", "Pretendard", ui-sans-serif, system-ui, sans-serif;
|
|
color: #111111;
|
|
background: #f3f0ea;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
background:
|
|
radial-gradient(circle at top, rgba(255, 255, 255, 0.9), transparent 32%),
|
|
linear-gradient(180deg, #f6f2ea 0%, #efe8de 100%);
|
|
}
|
|
|
|
button {
|
|
@apply outline-none;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
html,
|
|
body {
|
|
background: #ffffff !important;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
body {
|
|
min-height: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
main {
|
|
min-height: auto !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.print-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
.print-only {
|
|
display: flex !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
align-items: center;
|
|
justify-content: center;
|
|
break-inside: avoid-page;
|
|
page-break-inside: avoid;
|
|
break-after: avoid-page;
|
|
page-break-after: avoid;
|
|
}
|
|
|
|
.print-root {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
margin: 0 !important;
|
|
max-width: none !important;
|
|
padding: 0 !important;
|
|
gap: 0 !important;
|
|
}
|
|
|
|
.print-paper {
|
|
display: flex !important;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: #ffffff !important;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
body[data-print-layout='single'] .print-paper {
|
|
width: 206mm;
|
|
height: 293mm;
|
|
}
|
|
|
|
.print-paper--double {
|
|
display: grid !important;
|
|
grid-template-columns: repeat(2, 141mm);
|
|
justify-content: center;
|
|
align-content: center;
|
|
column-gap: 3mm;
|
|
}
|
|
|
|
body[data-print-layout='double'] .print-paper {
|
|
width: 287mm;
|
|
height: 198mm;
|
|
}
|
|
|
|
body[data-print-layout='single'] .print-paper--single .print-sheet-frame {
|
|
width: 152mm;
|
|
height: 216mm;
|
|
}
|
|
|
|
.print-sheet-frame {
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
body[data-print-layout='double'] .print-paper--double .print-sheet-frame {
|
|
width: 141mm;
|
|
height: 198mm;
|
|
}
|
|
|
|
.planner-sheet {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
body[data-print-layout='single'] .print-paper--single .print-sheet-frame .planner-sheet {
|
|
width: 762px !important;
|
|
max-width: none !important;
|
|
transform-origin: top left;
|
|
transform: scale(0.732);
|
|
box-shadow: none !important;
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
body[data-print-layout='double'] .print-paper--double .print-sheet-frame .planner-sheet {
|
|
width: 762px !important;
|
|
max-width: none !important;
|
|
transform-origin: top left;
|
|
transform: scale(0.694);
|
|
box-shadow: none !important;
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
.print-sheet-frame .planner-sheet * {
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
}
|
|
|
|
@media screen {
|
|
.print-only {
|
|
display: none !important;
|
|
}
|
|
}
|