p15693087
/
django
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed #33434 -- Changed font-size in admin CSS to use rem units.

This commit is contained in:
ravi kunwar 2022-01-16 01:36:58 +05:30 committed by Mariusz Felisiak
parent ee13588f45
commit 1f42a352e0
7 changed files with 79 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
django/contrib/admin/static/admin/css/base.css
View File

@ -64,7 +64,7 @@ html, body {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 14px; font-size: 0.875rem;
font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; font-family: "Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
color: var(--body-fg); color: var(--body-fg);
background: var(--body-bg); background: var(--body-bg);
@ -117,12 +117,12 @@ h1,h2,h3,h4,h5 {
h1 { h1 {
margin: 0 0 20px; margin: 0 0 20px;
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 1.25rem;
color: var(--body-quiet-color); color: var(--body-quiet-color);
} }
h2 { h2 {
font-size: 16px; font-size: 1rem;
margin: 1em 0 .5em 0; margin: 1em 0 .5em 0;
} }
@ -132,20 +132,20 @@ h2.subhead {
} }
h3 { h3 {
font-size: 14px; font-size: 0.875rem;
margin: .8em 0 .3em 0; margin: .8em 0 .3em 0;
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-weight: bold; font-weight: bold;
} }
h4 { h4 {
font-size: 12px; font-size: 0.75rem;
margin: 1em 0 .8em 0; margin: 1em 0 .8em 0;
padding-bottom: 3px; padding-bottom: 3px;
} }
h5 { h5 {
font-size: 10px; font-size: 0.625rem;
margin: 1.5em 0 .5em 0; margin: 1.5em 0 .5em 0;
color: var(--body-quiet-color); color: var(--body-quiet-color);
text-transform: uppercase; text-transform: uppercase;
@ -162,7 +162,7 @@ li ul {
} }
li, dt, dd { li, dt, dd {
font-size: 13px; font-size: 0.8125rem;
line-height: 20px; line-height: 20px;
} }
@ -189,7 +189,7 @@ fieldset {
} }
blockquote { blockquote {
font-size: 11px; font-size: 0.6875rem;
color: #777; color: #777;
margin-left: 2px; margin-left: 2px;
padding-left: 10px; padding-left: 10px;
@ -199,7 +199,7 @@ blockquote {
code, pre { code, pre {
font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-size: 12px; font-size: 0.75rem;
overflow-x: auto; overflow-x: auto;
} }
@ -227,15 +227,15 @@ hr {
/* TEXT STYLES & MODIFIERS */ /* TEXT STYLES & MODIFIERS */
.small { .small {
font-size: 11px; font-size: 0.6875rem;
} }
.mini { .mini {
font-size: 10px; font-size: 0.625rem;
} }
.help, p.help, form p.help, div.help, form div.help, div.help li { .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); color: var(--body-quiet-color);
} }
@ -276,7 +276,7 @@ table {
} }
td, th { td, th {
font-size: 13px; font-size: 0.8125rem;
line-height: 16px; line-height: 16px;
border-bottom: 1px solid var(--hairline-color); border-bottom: 1px solid var(--hairline-color);
vertical-align: top; vertical-align: top;
@ -292,7 +292,7 @@ thead th,
tfoot td { tfoot td {
color: var(--body-quiet-color); color: var(--body-quiet-color);
padding: 5px 10px; padding: 5px 10px;
font-size: 11px; font-size: 0.6875rem;
background: var(--body-bg); background: var(--body-bg);
border: none; border: none;
border-top: 1px solid var(--hairline-color); border-top: 1px solid var(--hairline-color);
@ -402,7 +402,7 @@ table thead th.sorted .sortoptions a.sortremove:after {
top: -6px; top: -6px;
left: 3px; left: 3px;
font-weight: 200; font-weight: 200;
font-size: 18px; font-size: 1.125rem;
color: var(--body-quiet-color); color: var(--body-quiet-color);
} }
@ -443,7 +443,7 @@ input, textarea, select, .form-row p, form .button {
vertical-align: middle; vertical-align: middle;
font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif; font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;
font-weight: normal; font-weight: normal;
font-size: 13px; font-size: 0.8125rem;
} }
.form-row div.help { .form-row div.help {
padding: 2px 3px; padding: 2px 3px;
@ -554,7 +554,7 @@ input[type=button][disabled].default {
margin: 0; margin: 0;
padding: 8px; padding: 8px;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 0.8125rem;
text-align: left; text-align: left;
background: var(--primary); background: var(--primary);
color: var(--header-link-color); color: var(--header-link-color);
@ -562,7 +562,7 @@ input[type=button][disabled].default {
.module caption, .module caption,
.inline-group h2 { .inline-group h2 {
font-size: 12px; font-size: 0.75rem;
letter-spacing: 0.5px; letter-spacing: 0.5px;
text-transform: uppercase; text-transform: uppercase;
} }
@ -581,7 +581,7 @@ ul.messagelist {
ul.messagelist li { ul.messagelist li {
display: block; display: block;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 0.8125rem;
padding: 10px 10px 10px 65px; padding: 10px 10px 10px 65px;
margin: 0 0 10px 0; margin: 0 0 10px 0;
background: var(--message-success-bg) url(../img/icon-yes.svg) 40px 12px no-repeat; background: var(--message-success-bg) url(../img/icon-yes.svg) 40px 12px no-repeat;
@ -601,7 +601,7 @@ ul.messagelist li.error {
} }
.errornote { .errornote {
font-size: 14px; font-size: 0.875rem;
font-weight: 700; font-weight: 700;
display: block; display: block;
padding: 10px 12px; padding: 10px 12px;
@ -622,7 +622,7 @@ ul.errorlist {
} }
ul.errorlist li { ul.errorlist li {
font-size: 13px; font-size: 0.8125rem;
display: block; display: block;
margin-bottom: 4px; margin-bottom: 4px;
overflow-wrap: break-word; overflow-wrap: break-word;
@ -663,7 +663,7 @@ td ul.errorlist + input, td ul.errorlist + select, td ul.errorlist + textarea {
} }
.description { .description {
font-size: 12px; font-size: 0.75rem;
padding: 5px 0 0 12px; padding: 5px 0 0 12px;
} }
@ -719,7 +719,7 @@ a.deletelink:focus, a.deletelink:hover {
/* OBJECT TOOLS */ /* OBJECT TOOLS */
.object-tools { .object-tools {
font-size: 10px; font-size: 0.625rem;
font-weight: bold; font-weight: bold;
padding-left: 0; padding-left: 0;
float: right; float: right;
@ -745,7 +745,7 @@ a.deletelink:focus, a.deletelink:hover {
background: var(--object-tools-bg); background: var(--object-tools-bg);
color: var(--object-tools-fg); color: var(--object-tools-fg);
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 0.6875rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
@ -894,7 +894,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 0; padding: 0;
margin: 0 20px 0 0; margin: 0 20px 0 0;
font-weight: 300; font-weight: 300;
font-size: 24px; font-size: 1.5rem;
color: var(--accent); color: var(--accent);
} }
@ -904,7 +904,7 @@ a.deletelink:focus, a.deletelink:hover {
#branding h2 { #branding h2 {
padding: 0 10px; padding: 0 10px;
font-size: 14px; font-size: 0.875rem;
margin: -8px 0 8px 0; margin: -8px 0 8px 0;
font-weight: normal; font-weight: normal;
color: var(--header-color); color: var(--header-color);
@ -919,7 +919,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 0; padding: 0;
margin: 0 0 0 20px; margin: 0 0 0 20px;
font-weight: 300; font-weight: 300;
font-size: 11px; font-size: 0.6875rem;
letter-spacing: 0.5px; letter-spacing: 0.5px;
text-transform: uppercase; text-transform: uppercase;
text-align: right; text-align: right;
@ -952,7 +952,7 @@ a.deletelink:focus, a.deletelink:hover {
} }
#content-related h4 { #content-related h4 {
font-size: 13px; font-size: 0.8125rem;
} }
#content-related p { #content-related p {
@ -976,7 +976,7 @@ a.deletelink:focus, a.deletelink:hover {
padding: 16px; padding: 16px;
margin-bottom: 16px; margin-bottom: 16px;
border-bottom: 1px solid var(--hairline-color); border-bottom: 1px solid var(--hairline-color);
font-size: 18px; font-size: 1.125rem;
color: var(--body-fg); color: var(--body-fg);
} }
@ -1027,7 +1027,7 @@ a.deletelink:focus, a.deletelink:hover {
/* PAGINATOR */ /* PAGINATOR */
.paginator { .paginator {
font-size: 13px; font-size: 0.8125rem;
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
line-height: 22px; line-height: 22px;
@ -1061,7 +1061,7 @@ a.deletelink:focus, a.deletelink:hover {
.paginator .this-page { .paginator .this-page {
padding: 2px 6px; padding: 2px 6px;
font-weight: bold; font-weight: bold;
font-size: 13px; font-size: 0.8125rem;
vertical-align: top; vertical-align: top;
} }

18
django/contrib/admin/static/admin/css/changelists.css
View File

@ -84,7 +84,7 @@
#toolbar form input { #toolbar form input {
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 0.875rem;
padding: 5px; padding: 5px;
color: var(--body-fg); color: var(--body-fg);
} }
@ -95,7 +95,7 @@
padding: 2px 5px; padding: 2px 5px;
margin: 0; margin: 0;
vertical-align: top; vertical-align: top;
font-size: 13px; font-size: 0.8125rem;
max-width: 100%; max-width: 100%;
} }
@ -105,7 +105,7 @@
#toolbar form input[type="submit"] { #toolbar form input[type="submit"] {
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
font-size: 13px; font-size: 0.8125rem;
padding: 4px 8px; padding: 4px 8px;
margin: 0; margin: 0;
vertical-align: middle; vertical-align: middle;
@ -140,7 +140,7 @@
} }
#changelist-filter h2 { #changelist-filter h2 {
font-size: 14px; font-size: 0.875rem;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
padding: 5px 15px; padding: 5px 15px;
@ -193,7 +193,7 @@
} }
#changelist-filter #changelist-filter-clear a { #changelist-filter #changelist-filter-clear a {
font-size: 13px; font-size: 0.8125rem;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid var(--hairline-color); border-bottom: 1px solid var(--hairline-color);
} }
@ -253,7 +253,7 @@
#changelist .actions span.action-counter, #changelist .actions span.action-counter,
#changelist .actions span.clear, #changelist .actions span.clear,
#changelist .actions span.question { #changelist .actions span.question {
font-size: 13px; font-size: 0.8125rem;
margin: 0 0.5em; margin: 0 0.5em;
} }
@ -267,7 +267,7 @@
color: var(--body-fg); color: var(--body-fg);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 0.875rem;
padding: 0 0 0 4px; padding: 0 0 0 4px;
margin: 0; margin: 0;
margin-left: 10px; margin-left: 10px;
@ -280,11 +280,11 @@
#changelist .actions label { #changelist .actions label {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
font-size: 13px; font-size: 0.8125rem;
} }
#changelist .actions .button { #changelist .actions .button {
font-size: 13px; font-size: 0.8125rem;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 4px; border-radius: 4px;
background: var(--body-bg); background: var(--body-bg);

14
django/contrib/admin/static/admin/css/forms.css
View File

@ -5,7 +5,7 @@
.form-row { .form-row {
overflow: hidden; overflow: hidden;
padding: 10px; padding: 10px;
font-size: 13px; font-size: 0.8125rem;
border-bottom: 1px solid var(--hairline-color); border-bottom: 1px solid var(--hairline-color);
} }
@ -27,7 +27,7 @@ form .form-row p {
label { label {
font-weight: normal; font-weight: normal;
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-size: 13px; font-size: 0.8125rem;
} }
.required label, label.required { .required label, label.required {
@ -393,7 +393,7 @@ body.popup .submit-row {
margin: 0; margin: 0;
color: var(--body-quiet-color); color: var(--body-quiet-color);
padding: 5px; padding: 5px;
font-size: 13px; font-size: 0.8125rem;
background: var(--darkened-bg); background: var(--darkened-bg);
border-top: 1px solid var(--hairline-color); border-top: 1px solid var(--hairline-color);
border-bottom: 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 { .inline-related h3 span.delete label {
margin-left: 2px; margin-left: 2px;
font-size: 11px; font-size: 0.6875rem;
} }
.inline-related fieldset { .inline-related fieldset {
@ -418,7 +418,7 @@ body.popup .submit-row {
.inline-related fieldset.module h3 { .inline-related fieldset.module h3 {
margin: 0; margin: 0;
padding: 2px 5px 3px 5px; padding: 2px 5px 3px 5px;
font-size: 11px; font-size: 0.6875rem;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
background: #bcd; background: #bcd;
@ -459,7 +459,7 @@ body.popup .submit-row {
height: 1.1em; height: 1.1em;
padding: 2px 9px; padding: 2px 9px;
overflow: hidden; overflow: hidden;
font-size: 9px; font-size: 0.5625rem;
font-weight: bold; font-weight: bold;
color: var(--body-quiet-color); color: var(--body-quiet-color);
_width: 700px; _width: 700px;
@ -494,7 +494,7 @@ body.popup .submit-row {
.inline-group .tabular tr.add-row td a { .inline-group .tabular tr.add-row td a {
background: url(../img/icon-addlink.svg) 0 1px no-repeat; background: url(../img/icon-addlink.svg) 0 1px no-repeat;
padding-left: 16px; padding-left: 16px;
font-size: 12px; font-size: 0.75rem;
} }
.empty-form { .empty-form {

2
django/contrib/admin/static/admin/css/login.css
View File

@ -12,7 +12,7 @@
} }
.login #header h1 { .login #header h1 {
font-size: 18px; font-size: 1.125rem;
margin: 0; margin: 0;
} }

2
django/contrib/admin/static/admin/css/nav_sidebar.css
View File

@ -16,7 +16,7 @@
border-right: 1px solid var(--hairline-color); border-right: 1px solid var(--hairline-color);
background-color: var(--body-bg); background-color: var(--body-bg);
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 1.25rem;
color: var(--link-fg); color: var(--link-fg);
padding: 0; padding: 0;
} }

32
django/contrib/admin/static/admin/css/responsive.css
View File

@ -14,11 +14,11 @@ input[type="submit"], button {
td, th { td, th {
padding: 10px; padding: 10px;
font-size: 14px; font-size: 0.875rem;
} }
.small { .small {
font-size: 12px; font-size: 0.75rem;
} }
/* Layout */ /* Layout */
@ -45,7 +45,7 @@ input[type="submit"], button {
#branding h1 { #branding h1 {
margin: 0 0 8px; margin: 0 0 8px;
font-size: 20px; font-size: 1.25rem;
line-height: 1.2; line-height: 1.2;
} }
@ -88,7 +88,7 @@ input[type="submit"], button {
} }
td .changelink, td .addlink { td .changelink, td .addlink {
font-size: 13px; font-size: 0.8125rem;
} }
/* Changelist */ /* Changelist */
@ -148,7 +148,7 @@ input[type="submit"], button {
#changelist .actions span.clear, #changelist .actions span.clear,
#changelist .actions span.question, #changelist .actions span.question,
#changelist .actions span.action-counter { #changelist .actions span.action-counter {
font-size: 11px; font-size: 0.6875rem;
margin: 0 10px 0 0; margin: 0 10px 0 0;
} }
@ -172,7 +172,7 @@ input[type="submit"], button {
/* Forms */ /* Forms */
label { label {
font-size: 14px; font-size: 0.875rem;
} }
.form-row input[type=text], .form-row input[type=text],
@ -188,7 +188,7 @@ input[type="submit"], button {
margin: 0; margin: 0;
padding: 6px 8px; padding: 6px 8px;
min-height: 36px; min-height: 36px;
font-size: 14px; font-size: 0.875rem;
} }
.form-row select { .form-row select {
@ -405,12 +405,12 @@ input[type="submit"], button {
} }
.datetime span { .datetime span {
font-size: 13px; font-size: 0.8125rem;
} }
.datetime .timezonewarning { .datetime .timezonewarning {
display: block; display: block;
font-size: 11px; font-size: 0.6875rem;
color: var(--body-quiet-color); color: var(--body-quiet-color);
} }
@ -508,7 +508,7 @@ input[type="submit"], button {
#content-related .module h2 { #content-related .module h2 {
padding: 10px 15px; padding: 10px 15px;
font-size: 16px; font-size: 1rem;
} }
/* Changelist */ /* Changelist */
@ -634,7 +634,7 @@ input[type="submit"], button {
.aligned p.file-upload { .aligned p.file-upload {
margin-left: 0; margin-left: 0;
font-size: 13px; font-size: 0.8125rem;
} }
span.clearable-file-input { span.clearable-file-input {
@ -642,7 +642,7 @@ input[type="submit"], button {
} }
span.clearable-file-input label { span.clearable-file-input label {
font-size: 13px; font-size: 0.8125rem;
padding-bottom: 0; padding-bottom: 0;
} }
@ -919,7 +919,7 @@ input[type="submit"], button {
.errornote { .errornote {
margin: 0 0 20px; margin: 0 0 20px;
padding: 8px 12px; padding: 8px 12px;
font-size: 13px; font-size: 0.8125rem;
} }
/* Calendar and clock */ /* Calendar and clock */
@ -966,7 +966,7 @@ input[type="submit"], button {
.calendar-shortcuts { .calendar-shortcuts {
padding: 10px 0; padding: 10px 0;
font-size: 12px; font-size: 0.75rem;
line-height: 12px; line-height: 12px;
} }
@ -999,7 +999,7 @@ input[type="submit"], button {
/* History */ /* History */
table#change-history tbody th, table#change-history tbody td { table#change-history tbody th, table#change-history tbody td {
font-size: 13px; font-size: 0.8125rem;
word-break: break-word; word-break: break-word;
} }
@ -1010,7 +1010,7 @@ input[type="submit"], button {
/* Docs */ /* Docs */
table.model tbody th, table.model tbody td { table.model tbody th, table.model tbody td {
font-size: 13px; font-size: 0.8125rem;
word-break: break-word; word-break: break-word;
} }
} }

28
django/contrib/admin/static/admin/css/widgets.css
View File

@ -44,7 +44,7 @@
border-width: 0 1px; border-width: 0 1px;
padding: 8px; padding: 8px;
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-size: 10px; font-size: 0.625rem;
margin: 0; margin: 0;
text-align: left; text-align: left;
} }
@ -273,7 +273,7 @@ p.datetime {
.datetime span { .datetime span {
white-space: nowrap; white-space: nowrap;
font-weight: normal; font-weight: normal;
font-size: 11px; font-size: 0.6875rem;
color: var(--body-quiet-color); color: var(--body-quiet-color);
} }
@ -283,7 +283,7 @@ p.datetime {
} }
table p.datetime { table p.datetime {
font-size: 11px; font-size: 0.6875rem;
margin-left: 0; margin-left: 0;
padding-left: 0; padding-left: 0;
} }
@ -317,7 +317,7 @@ table p.datetime {
} }
.timezonewarning { .timezonewarning {
font-size: 11px; font-size: 0.6875rem;
color: var(--body-quiet-color); color: var(--body-quiet-color);
} }
@ -328,7 +328,7 @@ p.url {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-size: 11px; font-size: 0.6875rem;
font-weight: bold; font-weight: bold;
} }
@ -343,7 +343,7 @@ p.file-upload {
margin: 0; margin: 0;
padding: 0; padding: 0;
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-size: 11px; font-size: 0.6875rem;
font-weight: bold; font-weight: bold;
} }
@ -361,7 +361,7 @@ p.file-upload {
span.clearable-file-input label { span.clearable-file-input label {
color: var(--body-fg); color: var(--body-fg);
font-size: 11px; font-size: 0.6875rem;
display: inline; display: inline;
float: none; float: none;
} }
@ -370,7 +370,7 @@ span.clearable-file-input label {
.calendarbox, .clockbox { .calendarbox, .clockbox {
margin: 5px auto; margin: 5px auto;
font-size: 12px; font-size: 0.75rem;
width: 19em; width: 19em;
text-align: center; text-align: center;
background: var(--body-bg); background: var(--body-bg);
@ -404,7 +404,7 @@ span.clearable-file-input label {
text-align: center; text-align: center;
border-top: none; border-top: none;
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 0.75rem;
color: #333; color: #333;
background: var(--accent); background: var(--accent);
} }
@ -414,14 +414,14 @@ span.clearable-file-input label {
background: var(--darkened-bg); background: var(--darkened-bg);
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 0.75rem;
text-align: center; text-align: center;
color: var(--body-quiet-color); color: var(--body-quiet-color);
} }
.calendar td { .calendar td {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 0.75rem;
text-align: center; text-align: center;
padding: 0; padding: 0;
border-top: 1px solid var(--hairline-color); border-top: 1px solid var(--hairline-color);
@ -461,7 +461,7 @@ span.clearable-file-input label {
} }
.calendarnav { .calendarnav {
font-size: 10px; font-size: 0.625rem;
text-align: center; text-align: center;
color: #ccc; color: #ccc;
margin: 0; margin: 0;
@ -476,7 +476,7 @@ span.clearable-file-input label {
.calendar-shortcuts { .calendar-shortcuts {
background: var(--body-bg); background: var(--body-bg);
color: var(--body-quiet-color); color: var(--body-quiet-color);
font-size: 11px; font-size: 0.6875rem;
line-height: 11px; line-height: 11px;
border-top: 1px solid var(--hairline-color); border-top: 1px solid var(--hairline-color);
padding: 8px 0; padding: 8px 0;
@ -515,7 +515,7 @@ span.clearable-file-input label {
.calendar-cancel { .calendar-cancel {
margin: 0; margin: 0;
padding: 4px 0; padding: 4px 0;
font-size: 12px; font-size: 0.75rem;
background: #eee; background: #eee;
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);
color: var(--body-fg); color: var(--body-fg);