diff --git a/django/contrib/admin/static/admin/css/base.css b/django/contrib/admin/static/admin/css/base.css
index 4b8acea239..910740e6ec 100644
--- a/django/contrib/admin/static/admin/css/base.css
+++ b/django/contrib/admin/static/admin/css/base.css
@@ -64,7 +64,7 @@ html, body {
body {
margin: 0;
padding: 0;
- font-size: 14px;
+ font-size: 0.875rem;
font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
color: var(--body-fg);
background: var(--body-bg);
@@ -117,12 +117,12 @@ h1,h2,h3,h4,h5 {
h1 {
margin: 0 0 20px;
font-weight: 300;
- font-size: 20px;
+ font-size: 1.25rem;
color: var(--body-quiet-color);
}
h2 {
- font-size: 16px;
+ font-size: 1rem;
margin: 1em 0 .5em 0;
}
@@ -132,20 +132,20 @@ h2.subhead {
}
h3 {
- font-size: 14px;
+ font-size: 0.875rem;
margin: .8em 0 .3em 0;
color: var(--body-quiet-color);
font-weight: bold;
}
h4 {
- font-size: 12px;
+ font-size: 0.75rem;
margin: 1em 0 .8em 0;
padding-bottom: 3px;
}
h5 {
- font-size: 10px;
+ font-size: 0.625rem;
margin: 1.5em 0 .5em 0;
color: var(--body-quiet-color);
text-transform: uppercase;
@@ -162,7 +162,7 @@ li ul {
}
li, dt, dd {
- font-size: 13px;
+ font-size: 0.8125rem;
line-height: 20px;
}
@@ -189,7 +189,7 @@ fieldset {
}
blockquote {
- font-size: 11px;
+ font-size: 0.6875rem;
color: #777;
margin-left: 2px;
padding-left: 10px;
@@ -199,7 +199,7 @@ blockquote {
code, pre {
font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
color: var(--body-quiet-color);
- font-size: 12px;
+ font-size: 0.75rem;
overflow-x: auto;
}
@@ -227,15 +227,15 @@ hr {
/* TEXT STYLES & MODIFIERS */
.small {
- font-size: 11px;
+ font-size: 0.6875rem;
}
.mini {
- font-size: 10px;
+ font-size: 0.625rem;
}
.help, p.help, form p.help, div.help, form div.help, div.help li {
- font-size: 11px;
+ font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@@ -276,7 +276,7 @@ table {
}
td, th {
- font-size: 13px;
+ font-size: 0.8125rem;
line-height: 16px;
border-bottom: 1px solid var(--hairline-color);
vertical-align: top;
@@ -292,7 +292,7 @@ thead th,
tfoot td {
color: var(--body-quiet-color);
padding: 5px 10px;
- font-size: 11px;
+ font-size: 0.6875rem;
background: var(--body-bg);
border: none;
border-top: 1px solid var(--hairline-color);
@@ -402,7 +402,7 @@ table thead th.sorted .sortoptions a.sortremove:after {
top: -6px;
left: 3px;
font-weight: 200;
- font-size: 18px;
+ font-size: 1.125rem;
color: var(--body-quiet-color);
}
@@ -443,7 +443,7 @@ input, textarea, select, .form-row p, form .button {
vertical-align: middle;
font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: normal;
- font-size: 13px;
+ font-size: 0.8125rem;
}
.form-row div.help {
padding: 2px 3px;
@@ -554,7 +554,7 @@ input[type=button][disabled].default {
margin: 0;
padding: 8px;
font-weight: 400;
- font-size: 13px;
+ font-size: 0.8125rem;
text-align: left;
background: var(--primary);
color: var(--header-link-color);
@@ -562,7 +562,7 @@ input[type=button][disabled].default {
.module caption,
.inline-group h2 {
- font-size: 12px;
+ font-size: 0.75rem;
letter-spacing: 0.5px;
text-transform: uppercase;
}
@@ -581,7 +581,7 @@ ul.messagelist {
ul.messagelist li {
display: block;
font-weight: 400;
- font-size: 13px;
+ font-size: 0.8125rem;
padding: 10px 10px 10px 65px;
margin: 0 0 10px 0;
background: var(--message-success-bg) url(../img/icon-yes.svg) 40px 12px no-repeat;
@@ -601,7 +601,7 @@ ul.messagelist li.error {
}
.errornote {
- font-size: 14px;
+ font-size: 0.875rem;
font-weight: 700;
display: block;
padding: 10px 12px;
@@ -622,7 +622,7 @@ ul.errorlist {
}
ul.errorlist li {
- font-size: 13px;
+ font-size: 0.8125rem;
display: block;
margin-bottom: 4px;
overflow-wrap: break-word;
@@ -663,7 +663,7 @@ td ul.errorlist + input, td ul.errorlist + select, td ul.errorlist + textarea {
}
.description {
- font-size: 12px;
+ font-size: 0.75rem;
padding: 5px 0 0 12px;
}
@@ -719,7 +719,7 @@ a.deletelink:focus, a.deletelink:hover {
/* OBJECT TOOLS */
.object-tools {
- font-size: 10px;
+ font-size: 0.625rem;
font-weight: bold;
padding-left: 0;
float: right;
@@ -745,7 +745,7 @@ a.deletelink:focus, a.deletelink:hover {
background: var(--object-tools-bg);
color: var(--object-tools-fg);
font-weight: 400;
- font-size: 11px;
+ font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
@@ -894,7 +894,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 0;
margin: 0 20px 0 0;
font-weight: 300;
- font-size: 24px;
+ font-size: 1.5rem;
color: var(--accent);
}
@@ -904,7 +904,7 @@ a.deletelink:focus, a.deletelink:hover {
#branding h2 {
padding: 0 10px;
- font-size: 14px;
+ font-size: 0.875rem;
margin: -8px 0 8px 0;
font-weight: normal;
color: var(--header-color);
@@ -919,7 +919,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 0;
margin: 0 0 0 20px;
font-weight: 300;
- font-size: 11px;
+ font-size: 0.6875rem;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: right;
@@ -952,7 +952,7 @@ a.deletelink:focus, a.deletelink:hover {
}
#content-related h4 {
- font-size: 13px;
+ font-size: 0.8125rem;
}
#content-related p {
@@ -976,7 +976,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 16px;
margin-bottom: 16px;
border-bottom: 1px solid var(--hairline-color);
- font-size: 18px;
+ font-size: 1.125rem;
color: var(--body-fg);
}
@@ -1027,7 +1027,7 @@ a.deletelink:focus, a.deletelink:hover {
/* PAGINATOR */
.paginator {
- font-size: 13px;
+ font-size: 0.8125rem;
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px;
@@ -1061,7 +1061,7 @@ a.deletelink:focus, a.deletelink:hover {
.paginator .this-page {
padding: 2px 6px;
font-weight: bold;
- font-size: 13px;
+ font-size: 0.8125rem;
vertical-align: top;
}
diff --git a/django/contrib/admin/static/admin/css/changelists.css b/django/contrib/admin/static/admin/css/changelists.css
index 83e2434e3e..4f8b89ae7c 100644
--- a/django/contrib/admin/static/admin/css/changelists.css
+++ b/django/contrib/admin/static/admin/css/changelists.css
@@ -84,7 +84,7 @@
#toolbar form input {
border-radius: 4px;
- font-size: 14px;
+ font-size: 0.875rem;
padding: 5px;
color: var(--body-fg);
}
@@ -95,7 +95,7 @@
padding: 2px 5px;
margin: 0;
vertical-align: top;
- font-size: 13px;
+ font-size: 0.8125rem;
max-width: 100%;
}
@@ -105,7 +105,7 @@
#toolbar form input[type="submit"] {
border: 1px solid var(--border-color);
- font-size: 13px;
+ font-size: 0.8125rem;
padding: 4px 8px;
margin: 0;
vertical-align: middle;
@@ -140,7 +140,7 @@
}
#changelist-filter h2 {
- font-size: 14px;
+ font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 5px 15px;
@@ -193,7 +193,7 @@
}
#changelist-filter #changelist-filter-clear a {
- font-size: 13px;
+ font-size: 0.8125rem;
padding-bottom: 10px;
border-bottom: 1px solid var(--hairline-color);
}
@@ -253,7 +253,7 @@
#changelist .actions span.action-counter,
#changelist .actions span.clear,
#changelist .actions span.question {
- font-size: 13px;
+ font-size: 0.8125rem;
margin: 0 0.5em;
}
@@ -267,7 +267,7 @@
color: var(--body-fg);
border: 1px solid var(--border-color);
border-radius: 4px;
- font-size: 14px;
+ font-size: 0.875rem;
padding: 0 0 0 4px;
margin: 0;
margin-left: 10px;
@@ -280,11 +280,11 @@
#changelist .actions label {
display: inline-block;
vertical-align: middle;
- font-size: 13px;
+ font-size: 0.8125rem;
}
#changelist .actions .button {
- font-size: 13px;
+ font-size: 0.8125rem;
border: 1px solid var(--border-color);
border-radius: 4px;
background: var(--body-bg);
diff --git a/django/contrib/admin/static/admin/css/forms.css b/django/contrib/admin/static/admin/css/forms.css
index 629fcafaed..e1873b3314 100644
--- a/django/contrib/admin/static/admin/css/forms.css
+++ b/django/contrib/admin/static/admin/css/forms.css
@@ -5,7 +5,7 @@
.form-row {
overflow: hidden;
padding: 10px;
- font-size: 13px;
+ font-size: 0.8125rem;
border-bottom: 1px solid var(--hairline-color);
}
@@ -27,7 +27,7 @@ form .form-row p {
label {
font-weight: normal;
color: var(--body-quiet-color);
- font-size: 13px;
+ font-size: 0.8125rem;
}
.required label, label.required {
@@ -393,7 +393,7 @@ body.popup .submit-row {
margin: 0;
color: var(--body-quiet-color);
padding: 5px;
- font-size: 13px;
+ font-size: 0.8125rem;
background: var(--darkened-bg);
border-top: 1px solid var(--hairline-color);
border-bottom: 1px solid var(--hairline-color);
@@ -405,7 +405,7 @@ body.popup .submit-row {
.inline-related h3 span.delete label {
margin-left: 2px;
- font-size: 11px;
+ font-size: 0.6875rem;
}
.inline-related fieldset {
@@ -418,7 +418,7 @@ body.popup .submit-row {
.inline-related fieldset.module h3 {
margin: 0;
padding: 2px 5px 3px 5px;
- font-size: 11px;
+ font-size: 0.6875rem;
text-align: left;
font-weight: bold;
background: #bcd;
@@ -459,7 +459,7 @@ body.popup .submit-row {
height: 1.1em;
padding: 2px 9px;
overflow: hidden;
- font-size: 9px;
+ font-size: 0.5625rem;
font-weight: bold;
color: var(--body-quiet-color);
_width: 700px;
@@ -494,7 +494,7 @@ body.popup .submit-row {
.inline-group .tabular tr.add-row td a {
background: url(../img/icon-addlink.svg) 0 1px no-repeat;
padding-left: 16px;
- font-size: 12px;
+ font-size: 0.75rem;
}
.empty-form {
diff --git a/django/contrib/admin/static/admin/css/login.css b/django/contrib/admin/static/admin/css/login.css
index bf4ba8d3da..389772f5bc 100644
--- a/django/contrib/admin/static/admin/css/login.css
+++ b/django/contrib/admin/static/admin/css/login.css
@@ -12,7 +12,7 @@
}
.login #header h1 {
- font-size: 18px;
+ font-size: 1.125rem;
margin: 0;
}
diff --git a/django/contrib/admin/static/admin/css/nav_sidebar.css b/django/contrib/admin/static/admin/css/nav_sidebar.css
index 0c590ff2f2..5fd2ff0bde 100644
--- a/django/contrib/admin/static/admin/css/nav_sidebar.css
+++ b/django/contrib/admin/static/admin/css/nav_sidebar.css
@@ -16,7 +16,7 @@
border-right: 1px solid var(--hairline-color);
background-color: var(--body-bg);
cursor: pointer;
- font-size: 20px;
+ font-size: 1.25rem;
color: var(--link-fg);
padding: 0;
}
diff --git a/django/contrib/admin/static/admin/css/responsive.css b/django/contrib/admin/static/admin/css/responsive.css
index 55f493b6b7..223dba0dd5 100644
--- a/django/contrib/admin/static/admin/css/responsive.css
+++ b/django/contrib/admin/static/admin/css/responsive.css
@@ -14,11 +14,11 @@ input[type="submit"], button {
td, th {
padding: 10px;
- font-size: 14px;
+ font-size: 0.875rem;
}
.small {
- font-size: 12px;
+ font-size: 0.75rem;
}
/* Layout */
@@ -45,7 +45,7 @@ input[type="submit"], button {
#branding h1 {
margin: 0 0 8px;
- font-size: 20px;
+ font-size: 1.25rem;
line-height: 1.2;
}
@@ -88,7 +88,7 @@ input[type="submit"], button {
}
td .changelink, td .addlink {
- font-size: 13px;
+ font-size: 0.8125rem;
}
/* Changelist */
@@ -148,7 +148,7 @@ input[type="submit"], button {
#changelist .actions span.clear,
#changelist .actions span.question,
#changelist .actions span.action-counter {
- font-size: 11px;
+ font-size: 0.6875rem;
margin: 0 10px 0 0;
}
@@ -172,7 +172,7 @@ input[type="submit"], button {
/* Forms */
label {
- font-size: 14px;
+ font-size: 0.875rem;
}
.form-row input[type=text],
@@ -188,7 +188,7 @@ input[type="submit"], button {
margin: 0;
padding: 6px 8px;
min-height: 36px;
- font-size: 14px;
+ font-size: 0.875rem;
}
.form-row select {
@@ -405,12 +405,12 @@ input[type="submit"], button {
}
.datetime span {
- font-size: 13px;
+ font-size: 0.8125rem;
}
.datetime .timezonewarning {
display: block;
- font-size: 11px;
+ font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@@ -508,7 +508,7 @@ input[type="submit"], button {
#content-related .module h2 {
padding: 10px 15px;
- font-size: 16px;
+ font-size: 1rem;
}
/* Changelist */
@@ -634,7 +634,7 @@ input[type="submit"], button {
.aligned p.file-upload {
margin-left: 0;
- font-size: 13px;
+ font-size: 0.8125rem;
}
span.clearable-file-input {
@@ -642,7 +642,7 @@ input[type="submit"], button {
}
span.clearable-file-input label {
- font-size: 13px;
+ font-size: 0.8125rem;
padding-bottom: 0;
}
@@ -919,7 +919,7 @@ input[type="submit"], button {
.errornote {
margin: 0 0 20px;
padding: 8px 12px;
- font-size: 13px;
+ font-size: 0.8125rem;
}
/* Calendar and clock */
@@ -966,7 +966,7 @@ input[type="submit"], button {
.calendar-shortcuts {
padding: 10px 0;
- font-size: 12px;
+ font-size: 0.75rem;
line-height: 12px;
}
@@ -999,7 +999,7 @@ input[type="submit"], button {
/* History */
table#change-history tbody th, table#change-history tbody td {
- font-size: 13px;
+ font-size: 0.8125rem;
word-break: break-word;
}
@@ -1010,7 +1010,7 @@ input[type="submit"], button {
/* Docs */
table.model tbody th, table.model tbody td {
- font-size: 13px;
+ font-size: 0.8125rem;
word-break: break-word;
}
}
diff --git a/django/contrib/admin/static/admin/css/widgets.css b/django/contrib/admin/static/admin/css/widgets.css
index 7550604e18..cd1d6b4145 100644
--- a/django/contrib/admin/static/admin/css/widgets.css
+++ b/django/contrib/admin/static/admin/css/widgets.css
@@ -44,7 +44,7 @@
border-width: 0 1px;
padding: 8px;
color: var(--body-quiet-color);
- font-size: 10px;
+ font-size: 0.625rem;
margin: 0;
text-align: left;
}
@@ -273,7 +273,7 @@ p.datetime {
.datetime span {
white-space: nowrap;
font-weight: normal;
- font-size: 11px;
+ font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@@ -283,7 +283,7 @@ p.datetime {
}
table p.datetime {
- font-size: 11px;
+ font-size: 0.6875rem;
margin-left: 0;
padding-left: 0;
}
@@ -317,7 +317,7 @@ table p.datetime {
}
.timezonewarning {
- font-size: 11px;
+ font-size: 0.6875rem;
color: var(--body-quiet-color);
}
@@ -328,7 +328,7 @@ p.url {
margin: 0;
padding: 0;
color: var(--body-quiet-color);
- font-size: 11px;
+ font-size: 0.6875rem;
font-weight: bold;
}
@@ -343,7 +343,7 @@ p.file-upload {
margin: 0;
padding: 0;
color: var(--body-quiet-color);
- font-size: 11px;
+ font-size: 0.6875rem;
font-weight: bold;
}
@@ -361,7 +361,7 @@ p.file-upload {
span.clearable-file-input label {
color: var(--body-fg);
- font-size: 11px;
+ font-size: 0.6875rem;
display: inline;
float: none;
}
@@ -370,7 +370,7 @@ span.clearable-file-input label {
.calendarbox, .clockbox {
margin: 5px auto;
- font-size: 12px;
+ font-size: 0.75rem;
width: 19em;
text-align: center;
background: var(--body-bg);
@@ -404,7 +404,7 @@ span.clearable-file-input label {
text-align: center;
border-top: none;
font-weight: 700;
- font-size: 12px;
+ font-size: 0.75rem;
color: #333;
background: var(--accent);
}
@@ -414,14 +414,14 @@ span.clearable-file-input label {
background: var(--darkened-bg);
border-bottom: 1px solid var(--border-color);
font-weight: 400;
- font-size: 12px;
+ font-size: 0.75rem;
text-align: center;
color: var(--body-quiet-color);
}
.calendar td {
font-weight: 400;
- font-size: 12px;
+ font-size: 0.75rem;
text-align: center;
padding: 0;
border-top: 1px solid var(--hairline-color);
@@ -461,7 +461,7 @@ span.clearable-file-input label {
}
.calendarnav {
- font-size: 10px;
+ font-size: 0.625rem;
text-align: center;
color: #ccc;
margin: 0;
@@ -476,7 +476,7 @@ span.clearable-file-input label {
.calendar-shortcuts {
background: var(--body-bg);
color: var(--body-quiet-color);
- font-size: 11px;
+ font-size: 0.6875rem;
line-height: 11px;
border-top: 1px solid var(--hairline-color);
padding: 8px 0;
@@ -515,7 +515,7 @@ span.clearable-file-input label {
.calendar-cancel {
margin: 0;
padding: 4px 0;
- font-size: 12px;
+ font-size: 0.75rem;
background: #eee;
border-top: 1px solid var(--border-color);
color: var(--body-fg);