mirror of
https://github.com/WordPress/WordPress.git
synced 2024-10-30 15:31:04 +01:00
cd0b1dde3c
The measurement in px for zero values is not needed. It does this for Twenty Twenty-One, Twenty Ten, Twenty Eleven and Twenty Nineteen. This also adds short-hand-property-no-redudant-values to Twenty Twenty-One's stylelint rules. Included is removing box-shadow prefixed rules before the standard property in Twenty Ten. Finally, it also removes empty spaces at the ends of lines in Twenty Thirteen, Twenty Nineteen and Twenty Twenty. Props ankitmaru, SergeyBiryukov, netweb, mukesh27, ryelle, audrasjb, sabernhardt. Fixes #53874. Built from https://develop.svn.wordpress.org/trunk@58178 git-svn-id: http://core.svn.wordpress.org/trunk@57641 1a063a9b-81f0-0310-95a4-ce76da25c4cd
197 lines
3.4 KiB
SCSS
197 lines
3.4 KiB
SCSS
/*
|
|
Theme Name: Twenty Nineteen
|
|
|
|
Adding print support. The print styles are based on the the great work of
|
|
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
|
|
*/
|
|
|
|
/*--------------------------------------------------------------
|
|
>>> TABLE OF CONTENTS:
|
|
----------------------------------------------------------------
|
|
# Margins
|
|
# Typography
|
|
# Page breaks
|
|
# Links
|
|
# Visibility
|
|
--------------------------------------------------------------*/
|
|
|
|
@media print {
|
|
|
|
/* Margins */
|
|
|
|
@page {
|
|
margin: 2cm;
|
|
}
|
|
|
|
.entry {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.entry .entry-header, .site-footer .site-info {
|
|
margin: 0;
|
|
}
|
|
|
|
/* Fonts */
|
|
|
|
body {
|
|
font: 13pt Georgia, "Times New Roman", Times, serif;
|
|
line-height: 1.3;
|
|
background: #fff !important;
|
|
color: #000;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 24pt;
|
|
}
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
.has-regular-font-size,
|
|
.has-large-font-size,
|
|
h2.author-title,
|
|
p.author-bio,
|
|
.comments-title, h3 {
|
|
font-size: 14pt;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
/* Page breaks */
|
|
|
|
a {
|
|
page-break-inside: avoid
|
|
}
|
|
|
|
blockquote {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
page-break-after: avoid;
|
|
page-break-inside: avoid
|
|
}
|
|
|
|
img {
|
|
page-break-inside: avoid;
|
|
page-break-after: avoid;
|
|
}
|
|
|
|
table, pre {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
ul, ol, dl {
|
|
page-break-before: avoid;
|
|
}
|
|
|
|
/* Links */
|
|
|
|
a:link, a:visited, a {
|
|
background: transparent;
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
text-align: left;
|
|
}
|
|
|
|
a {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
a[href^=http]:after {
|
|
content: " < " attr(href) "> ";
|
|
}
|
|
|
|
a:after > img {
|
|
content: "";
|
|
}
|
|
|
|
article a[href^="#"]:after {
|
|
content: "";
|
|
}
|
|
|
|
a:not(:local-link):after {
|
|
content: " < " attr(href) "> ";
|
|
}
|
|
|
|
/* Visibility */
|
|
.main-navigation,
|
|
.site-title + .main-navigation,
|
|
.social-navigation,
|
|
.site-branding-container:before,
|
|
.entry .entry-title:before,
|
|
.entry-footer,
|
|
.author-description:before,
|
|
.post-navigation,
|
|
.widget-area,
|
|
.comment-form-flex,
|
|
.comment-reply,
|
|
.comment .comment-metadata .edit-link {
|
|
display: none;
|
|
}
|
|
|
|
.entry .entry-content .wp-block-button .wp-block-button__link,
|
|
.entry .entry-content .button {
|
|
color: #000;
|
|
background: none;
|
|
}
|
|
|
|
/* Site Header (With Featured Image) */
|
|
.site-header.featured-image {
|
|
min-height: 0;
|
|
|
|
.main-navigation a,
|
|
.main-navigation a + svg,
|
|
.social-navigation a,
|
|
.site-title a,
|
|
.site-featured-image a,
|
|
.site-branding .site-title,
|
|
.site-branding .site-description,
|
|
.main-navigation a:after,
|
|
.main-navigation .main-menu > li.menu-item-has-children:after,
|
|
.main-navigation li,
|
|
.social-navigation li,
|
|
.entry-meta,
|
|
.entry-title,
|
|
&#masthead .site-title a {
|
|
color: #000;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.site-featured-image .entry-header,
|
|
.site-branding-container {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.site-featured-image .post-thumbnail img {
|
|
position: relative;
|
|
height: initial;
|
|
width: initial;
|
|
object-fit: none;
|
|
min-width: 0;
|
|
min-height: 0;
|
|
max-width: 100%;
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
|
|
/* Remove image filters from featured image */
|
|
.image-filters-enabled {
|
|
.entry .post-thumbnail:after,
|
|
.site-header.featured-image .site-featured-image:before,
|
|
.site-header.featured-image .site-featured-image:after,
|
|
.site-header.featured-image:after {
|
|
display: none;
|
|
}
|
|
|
|
.entry .post-thumbnail .post-thumbnail-inner,
|
|
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
|
filter: none;
|
|
}
|
|
}
|
|
} |