University of Derby

Print Utility 

<section class="print-utility">
    <a href="javascript:window.print()" class="button-outline button-large" role="button" tabindex="0" data-scroll>
        Print
            <span class="button-overlay"><span>
                        Print
                    </span></span></a> <a href="mailto:?subject=PLACEHOLDER%20SUBJECT" class="button-outline button-large" role="button" tabindex="0" data-scroll>
        Email
            <span class="button-overlay"><span>
                        Email
                    </span></span></a></section>
 
<section class="print-utility">
	       {% include '@button' with {
            label: "Print",
            href: "javascript:window.print()",
            scheme: scheme,
            size: 'large'
        } %}
        {% include '@button' with {
            label: "Email",
            href: "mailto:?subject=PLACEHOLDER%20SUBJECT",
            scheme: scheme,
            size: 'large'
        } %}
</section>
 
/* No context defined for this component. */
  • Content: 
    @media print {
	footer, nav, .header-navigation{
		display: none;
	}

	/* Change the style of H1 */
	h1 {
		color: $primary-blue;
		box-shadow: none;
	}
	/* Hide interactive elements */
	.sticky-call-to-action-container {
		display: none;
	}

	.media-embed {
		display: none;
	}

	.button, .button-outline, .button-blue, .button-black {
		display: none;
	}

	/* Open the tabs up */
	.accordion-tab .accordion-tab-content {
		max-height: 100vh !important;
		border-bottom: 1px dashed #b9b4b0 !important;
	}

	.accordion-tab-title-indicator {
		display: none !important;
	}

	/* Hide Unistats as they don't load properly */
	.unistats {
		display: none;
	}

	/* Show the link target for all absolute links */
	a[href^="http://"]:after, a[href^="https://"]:after {
		content: " (" attr(href) ")";
		font-size: 90%;
	}

}
  • URL: /components/raw/print-utility/print.scss
  • Filesystem Path: components/components/print-utility/print.scss
  • Size: 817 Bytes

There are no notes for this item.