Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-05-31 19:54:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

modern

Browse Source
This commit is contained in:
Benjamin Beganović 2020-10-01 13:33:45 +02:00
parent eec2397eb5
commit 2ad363bf58
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/views/pdf-designs/modern.html
View File

@ -5,6 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style id="style"> <style id="style">
:root {
--primary-color: $primary_color;
--secondary-color: $secondary_color;
}
* { * {
font-size: '$font-size'; font-size: '$font-size';
} }
@ -24,7 +29,7 @@
} }
.header-container { .header-container {
background-color: #f46521; background-color: var(--primary-color);
color: white; color: white;
display: grid; display: grid;
grid-template-columns: 1.5fr 1fr; grid-template-columns: 1.5fr 1fr;
@ -79,14 +84,14 @@
} }
#product-table > thead > tr > th { #product-table > thead > tr > th {
padding: 0.8rem; padding: 0.8rem;
background-color: #3f3e3c; background-color: var(--secondary-color);
color: white; color: white;
} }
#product-table > thead > tr > th:last-child { #product-table > thead > tr > th:last-child {
text-align: right; text-align: right;
} }
#product-table > tbody > tr > td { #product-table > tbody > tr > td {
border-bottom: 1px solid #3f3e3c; border-bottom: 1px solid var(--secondary-color);
padding: 1rem; padding: 1rem;
} }
#product-table > tbody > tr > td:first-child { #product-table > tbody > tr > td:first-child {
@ -98,7 +103,7 @@
.footer-wrapper { .footer-wrapper {
margin-top: 1rem; margin-top: 1rem;
background-color: #f46521; background-color: var(--primary-color);
padding: 1rem; padding: 1rem;
height: 160px; height: 160px;
width: 100%; width: 100%;
@ -154,7 +159,7 @@
padding-right: 1rem; padding-right: 1rem;
} }
#product-table-footer > *:last-child { #product-table-footer > *:last-child {
background-color: #3f3e3c; background-color: var(--secondary-color);
color: white; color: white;
padding-top: 0.7rem; padding-top: 0.7rem;
padding-bottom: 0.7rem; padding-bottom: 0.7rem;