diff options
| author | bndw <benjamindwoodward@gmail.com> | 2020-05-30 12:33:16 -0700 |
|---|---|---|
| committer | bndw <benjamindwoodward@gmail.com> | 2020-05-31 09:02:22 -0700 |
| commit | 6371e7794d2fa9ba5b79f267219e50e885057342 (patch) | |
| tree | 3441d6087befb8740d098c88385839ef20bb1b65 /src/components/style.css | |
| parent | e177a74c9ea505284c8debf086f785a43d88f90b (diff) | |
Initial commit
Diffstat (limited to 'src/components/style.css')
| -rw-r--r-- | src/components/style.css | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/src/components/style.css b/src/components/style.css new file mode 100644 index 0000000..e5b01e3 --- /dev/null +++ b/src/components/style.css | |||
| @@ -0,0 +1,47 @@ | |||
| 1 | #print-area { | ||
| 2 | margin-top: 2em; | ||
| 3 | padding: 1em; | ||
| 4 | } | ||
| 5 | .details { | ||
| 6 | display: flex; | ||
| 7 | padding: 1em; | ||
| 8 | } | ||
| 9 | .details .text{ | ||
| 10 | margin: 0; | ||
| 11 | } | ||
| 12 | .details .text * { | ||
| 13 | margin: 0 1em; | ||
| 14 | } | ||
| 15 | .details .text input { | ||
| 16 | background-color: #fff; | ||
| 17 | border: solid 1px #ddd; | ||
| 18 | font-size: 1.4em; | ||
| 19 | font-weight: bold; | ||
| 20 | line-height: 2; | ||
| 21 | } | ||
| 22 | .print-btn { | ||
| 23 | padding-top: 2em; | ||
| 24 | } | ||
| 25 | .print-btn button { | ||
| 26 | color: #fff; | ||
| 27 | height: 50px; | ||
| 28 | width: 180px; | ||
| 29 | background-color: #0074d9; | ||
| 30 | } | ||
| 31 | |||
| 32 | @media print { | ||
| 33 | body * { | ||
| 34 | visibility: hidden; | ||
| 35 | } | ||
| 36 | #print-area, #print-area * { | ||
| 37 | visibility: visible; | ||
| 38 | } | ||
| 39 | #print-area input { | ||
| 40 | border: none; | ||
| 41 | } | ||
| 42 | #print-area { | ||
| 43 | position: absolute; | ||
| 44 | left: 0; | ||
| 45 | top: 0; | ||
| 46 | } | ||
| 47 | } | ||
