Skip to content

Infra: improve text readability and webpage performance#3132

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ambv merged 4 commits into from
May 31, 2023
Merged

Infra: improve text readability and webpage performance #3132

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
cdeb9dc
Use system font stack
hugovk Jan 10, 2023
a54afe9
Use default bullet points
hugovk Feb 21, 2023
53e82fc
Retain lower/upper-alpha/roman list styles
hugovk May 1, 2023
6b49473
Merge branch 'main' into sfs
AA-Turner May 14, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 1 addition & 16 deletions pep_sphinx_extensions/pep_theme/static/mq.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -2,25 +2,10 @@

/* Media Queries */

/* Further reduce width of fixed elements for smallest screens */
@media (max-width: 32em) {
section#pep-page-section {
padding: 0.25rem;
}
dl.footnote > dt,
dl.footnote > dd {
padding-left: 0;
padding-right: 0;
}
pre {
font-size: 0.75rem;
}
}
Comment thread
AA-Turner marked this conversation as resolved.

/* Reduce padding & margins for smaller screens */
@media (max-width: 40em) {
section#pep-page-section {
padding: 0.5rem;
padding: 1rem;
}
section#pep-page-section > header > h1 {
padding-right: 0;
Expand Down
41 changes: 12 additions & 29 deletions pep_sphinx_extensions/pep_theme/static/style.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -61,11 +61,9 @@ img.invert-in-dark-mode {
:root {color-scheme: light dark}
html {
overflow-y: scroll;
margin: 0;
line-height: 1.4;
font-weight: normal;
line-height: 1.5;
font-size: 1rem;
font-family: "Source Sans Pro", Arial, sans-serif;
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
Comment thread
merwok marked this conversation as resolved.
}
body {
margin: 0;
Expand All@@ -76,40 +74,27 @@ section#pep-page-section {
padding: 0.25rem;
}

/* Reduce margin sizes for body text */
p {margin: .5rem 0}

/* Header rules */
h1 {
font-size: 2rem;
font-weight: bold;
margin-top: 1.25rem;
margin-bottom: 1rem;
}
h2 {
font-size: 1.6rem;
font-weight: bold;
margin-top: 1rem;
margin-bottom: .5rem;
}
h3 {
font-size: 1.4rem;
font-weight: normal;
margin-top: 1rem;
margin-bottom: 0.5rem;
}
h4 {
font-size: 1.2rem;
font-weight: normal;
margin-top: .5rem;
margin-bottom: 0;
}
h5,
h6 {
font-size: 1rem;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}

/* Anchor link rules */
Expand All@@ -131,7 +116,6 @@ a:focus {
blockquote {
font-style: italic;
border-left: 1px solid var(--colour-rule-strong);
margin: .5rem;
padding: .5rem 1rem;
}
blockquote em {
Expand All@@ -145,7 +129,7 @@ cite {
/* Code rules (code literals and Pygments highlighting blocks) */
code,
pre {
font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", Consolas, monospace;
font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
font-size: 0.875rem;
-webkit-hyphens: none;
hyphens: none;
Expand DownExpand Up@@ -189,9 +173,8 @@ dl dd {
hr {
border: 0;
border-top: 1px solid var(--colour-rule-light);
margin: 0;
}
/*Image rules */
/*Image rules */
img {
max-width: 100%;
}
Expand All@@ -201,13 +184,6 @@ a img {
}

/* List rules */
Comment thread
ambv marked this conversation as resolved.
ul,
ol {
padding: 0;
margin: 0 0 0 1.5rem;
}
ul {list-style: square}
ol.arabic {list-style: decimal}
ol.loweralpha {list-style: lower-alpha}
ol.upperalpha {list-style: upper-alpha}
ol.lowerroman {list-style: lower-roman}
Expand DownExpand Up@@ -263,7 +239,6 @@ section#pep-page-section > header {
}
section#pep-page-section > header > h1 {
font-size: 1.1rem;
line-height: 1.4;
margin: 0;
display: inline-block;
padding-right: .6rem;
Expand DownExpand Up@@ -379,7 +354,15 @@ dl.footnote > dd {
#pep-sidebar > h2 {
font-size: 1.4rem;
}
#contents ol,
#contents ul,
#pep-sidebar ol,
#pep-sidebar ul {
padding: 0;
margin: 0 0 0 1.5rem;
}
#pep-sidebar ul {
font-size: .9rem;
margin-left: 1rem;
}
#pep-sidebar ul a {
Expand Down
1 change: 0 additions & 1 deletion pep_sphinx_extensions/pep_theme/templates/page.html
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -13,7 +13,6 @@
<link rel="stylesheet" href="{{ pathto('_static/pygments.css', resource=True) }}" type="text/css" media="(prefers-color-scheme: light)" id="pyg-light">
<link rel="stylesheet" href="{{ pathto('_static/pygments_dark.css', resource=True) }}" type="text/css" media="(prefers-color-scheme: dark)" id="pyg-dark">
<link rel="alternate" type="application/rss+xml" title="Latest PEPs" href="https://peps.python.org/peps.rss">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<meta name="description" content="Python Enhancement Proposals (PEPs)">
</head>
<body>
Expand Down