Commit 5f77eab7 authored by julientaq's avatar julientaq
Browse files

update print button

parent cde7d6e2
{"Target":"css/main.min.870802b475782611c92126f9536abe30.css","MediaType":"text/css","Data":{"Integrity":"md5-hwgCtHV4JhHJISb5U2q+MA=="}}
\ No newline at end of file
{"Target":"css/main.min.2ceaf101f71a1202687c4a9dfb94156b.css","MediaType":"text/css","Data":{"Integrity":"md5-LOrxAfcaEgJofEqd+5QVaw=="}}
\ No newline at end of file
......@@ -44,6 +44,7 @@
margin: 1em;
width: auto;
}
/* .symbol-text {
display: none;
} */
......@@ -56,6 +57,7 @@
width: 100%;
/* border-bottom: none; */
background: white;
}
article {
......@@ -124,7 +126,6 @@
width: 100%;
/* border-bottom: none; */
background: white;
position: fixed;
.back-home {
position: unset;
......
#print {
width: 60px;
position: fixed;
z-index: 20000;
background: var(--color-body);
fill: white;
padding: 1em;
right: 0;
top: 0;
}
\ No newline at end of file
--color-body: var(--color-lightest-grey);
/* height: 60px; */
position: fixed;
z-index: 20000;
/* background: var(--color-lightest-grey); */
background: transparent;
/* fill: white; */
padding: 0.7em;
right: 10px;
top: 10px;
border: none;
z-index: 90000000;
/* border-radius: 50%; */
display: flex;
transition: 2s;
}
#print span {
font-family: var(--font-sans);
font-size: 0.9em;
margin-left: .5em;
color: var(--color-body);
line-height: .7;
}
#print:hover {
--color-body: black;
}
#print:hover span {
font-family: var(--font-sans);
font-size: 0.9em;
margin-left: .5em;
text-decoration: underline;
}
#print svg {
width: 20px;
}
#print svg path {
fill: var(--color-body);
}
@media screen and (max-width: 1350px) {
#print {
writing-mode: vertical-rl;
/* text-orientation: upright; */
/* text-transform: uppercase; */
top: 20vh;
}
#print svg {
transform: rotate(90deg);
}
#print:hover {
border-bottom: none;
}
#print svg {
margin-bottom: 1em;
}
#print span {
/* background: orange; */
line-height: .6;
}
}
@media screen and (max-width: 700px) {
#print {
display: none;
}
}
\ No newline at end of file
......@@ -16,17 +16,18 @@
margin-right: 15mm;
margin-bottom: 25mm;
@top-right {
@bottom-right {
content: counter(page);
font-family: var(--font-sans);
font-size: 0.7em;
width: 5ch;
}
@top-left {
@bottom-left {
content: string(title);
font-family: var(--font-sans);
font-size: 0.7em;
width: 80mm;
}
}
......@@ -36,32 +37,34 @@
margin-right: 20mm;
margin-bottom: 25mm;
@top-left {
@bottom-left {
content: counter(page);
font-family: var(--font-sans);
font-size: 0.7em;
width: 5ch;
}
@top-right {
@bottom-right {
content: string(title);
font-family: var(--font-sans);
font-size: 0.7em;
width: 80mm;
}
}
@page :first {
margin-top: 40mm;
background: var(--color-lightest-grey);
@bottom-left {
@top-right {
content: element(logo);
}
@top-left {
@bottom-left {
content: none;
}
@top-right {
@bottom-right {
content: none;
}
}
......@@ -186,7 +189,7 @@
size: A4;
}
section, header {
section {
break-after : page;
page-break-after: always;
}
......
<button id="print"><svg id="icon-preview" data-name="icon-preview" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>preview</title><rect x="36" y="85" width="5" height="71" fill="#000"></rect><polygon points="129 159 129 179 41 179 41 159 36 159 36 184 134 184 134 159 129 159"></polygon><path d="M193 101A88.76 88.76.0 0069.59 85H21.06A8.07 8.07.0 0013 93.06v54.88A8.07 8.07.0 0021.06 156H147.94a8.07 8.07.0 008.06-8.06V128.72A89.14 89.14.0 00193 101zm-69.87 29a83.33 83.33.0 01-63.38-29 83.77 83.77.0 01126.77.0A83.34 83.34.0 01123.16 130z"></path><path d="M125.66 75.89a25.58 25.58.0 00-9.94 1A12.61 12.61.0 1199.06 93.56a25.22 25.22.0 1026.6-17.67z"></path><path d="M129 69.63c1.68.1 3.34.24 5 .42V17H36V82h5V22h88z"></path></svg></button>
<button id="print">
<!-- <svg id="icon-preview" data-name="icon-preview" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><title>preview</title><rect x="36" y="85" width="5" height="71" fill="#000"></rect><polygon points="129 159 129 179 41 179 41 159 36 159 36 184 134 184 134 159 129 159"></polygon><path d="M193 101A88.76 88.76.0 0069.59 85H21.06A8.07 8.07.0 0013 93.06v54.88A8.07 8.07.0 0021.06 156H147.94a8.07 8.07.0 008.06-8.06V128.72A89.14 89.14.0 00193 101zm-69.87 29a83.33 83.33.0 01-63.38-29 83.77 83.77.0 01126.77.0A83.34 83.34.0 01123.16 130z"></path><path d="M125.66 75.89a25.58 25.58.0 00-9.94 1A12.61 12.61.0 1199.06 93.56a25.22 25.22.0 1026.6-17.67z"></path><path d="M129 69.63c1.68.1 3.34.24 5 .42V17H36V82h5V22h88z"></path></svg> -->
{{ partial "paged-monogram.html" . }}
<span>print this page</span>
</button>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment