@@ -7,8 +7,10 @@ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=
7
7
8
8
:root {
9
9
--font-family-system: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
10
- --font-family-monospace: "Ubuntu Mono", "JetBrains Mono", ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono", "Courier New", monospace;
11
-
10
+ --font-family-monospace: "JetBrains Mono", ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono", "Courier New", monospace;
11
+ --font-size-body: 14px;
12
+ --font-size-monospace: 13px;
13
+ --font-variant-ligatures-monospace: none;
12
14
--summary-status-border-width: 6px;
13
15
14
16
--white: #fff;
@@ -353,7 +355,7 @@ body {
353
355
background-size: 15px 15px;
354
356
color: var(--page-color);
355
357
font-family: var(--font-family-system);
356
- font-size: 14px ;
358
+ font-size: var(--font-size-body) ;
357
359
line-height: 1.4;
358
360
}
359
361
@@ -438,7 +440,8 @@ abbr {
438
440
439
441
code, pre {
440
442
font-family: var(--font-family-monospace);
441
- font-size: 14px;
443
+ font-size: var(--font-size-monospace);
444
+ font-variant-ligatures: var(--font-variant-ligatures-monospace);
442
445
}
443
446
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
444
447
color: inherit;
@@ -486,7 +489,7 @@ input[type="radio"], input[type="checkbox"] {
486
489
color: var(--button-color);
487
490
cursor: pointer;
488
491
display: inline-block;
489
- font-size: 14px ;
492
+ font-size: var(--font-size-body) ;
490
493
font-weight: 500;
491
494
line-height: 20px;
492
495
padding: 5px 15px;
@@ -570,10 +573,12 @@ table tbody td {
570
573
border: 1px solid var(--table-border-color);
571
574
border-width: 1px 0;
572
575
font-family: var(--font-family-monospace);
576
+ font-size: var(--font-size-monospace);
577
+ font-variant-ligatures: var(--font-variant-ligatures-monospace);
573
578
}
574
579
table tbody th.font-normal,
575
580
table tbody td.font-normal {
576
- font-size: 13px ;
581
+ font-size: var(--font-size-body) ;
577
582
}
578
583
table tbody tr:last-of-type th,
579
584
table tbody tr:last-of-type td {
@@ -641,11 +646,11 @@ table tbody td.num-col {
641
646
}
642
647
.font-normal {
643
648
font-family: var(--font-family-system);
644
- font-size: 14px ;
649
+ font-size: var(--font-size-body) ;
645
650
}
646
651
.help {
647
652
color: var(--color-muted);
648
- font-size: 14px ;
653
+ font-size: var(--font-size-body) ;
649
654
margin: .5em 0;
650
655
}
651
656
.empty {
@@ -662,7 +667,7 @@ table tbody td.num-col {
662
667
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23737373' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
663
668
}
664
669
.empty p {
665
- font-size: 14px ;
670
+ font-size: var(--font-size-body) ;
666
671
max-width: 60ch;
667
672
margin-left: auto;
668
673
margin-right: auto;
@@ -1391,7 +1396,7 @@ tr.status-warning td {
1391
1396
}
1392
1397
#menu-profiler li a .label strong {
1393
1398
flex: 1;
1394
- font-size: 14px ;
1399
+ font-size: var(--font-size-body) ;
1395
1400
font-weight: 500;
1396
1401
}
1397
1402
#menu-profiler li a .label.disabled {
@@ -1671,7 +1676,7 @@ tr.status-warning td {
1671
1676
{# Twig panel
1672
1677
========================================================================= #}
1673
1678
#twig-dump pre {
1674
- font-size: 14px ;
1679
+ font-size: var(--font-size-monospace) ;
1675
1680
line-height: 1.7;
1676
1681
background-color: var(--base-0);
1677
1682
border: var(--border);
@@ -1995,7 +2000,7 @@ tr.log-status-silenced > td:first-child:before {
1995
2000
.mailer-transport-information {
1996
2001
border-bottom: 1px solid var(--form-input-border-color);
1997
2002
padding-bottom: 5px;
1998
- font-size: 14px ;
2003
+ font-size: var(--font-size-body) ;
1999
2004
margin: 5px 0 10px 5px;
2000
2005
}
2001
2006
.mailer-transport-information .badge {
@@ -2011,7 +2016,7 @@ tr.log-status-silenced > td:first-child:before {
2011
2016
margin-bottom: 10px;
2012
2017
}
2013
2018
.mailer-message-headers p {
2014
- font-size: 14px ;
2019
+ font-size: var(--font-size-body) ;
2015
2020
margin: 2px 5px;
2016
2021
}
2017
2022
.mailer-message-header-secondary {
@@ -2020,7 +2025,7 @@ tr.log-status-silenced > td:first-child:before {
2020
2025
.mailer-message-attachments-title {
2021
2026
align-items: center;
2022
2027
display: flex;
2023
- font-size: 14px ;
2028
+ font-size: var(--font-size-body) ;
2024
2029
font-weight: 600;
2025
2030
margin-bottom: 10px;
2026
2031
}
@@ -2201,7 +2206,8 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
2201
2206
#collector-content .sf-dump code,
2202
2207
#collector-content .sf-dump samp {
2203
2208
font-family: var(--font-family-monospace);
2204
- font-size: 13px;
2209
+ font-size: var(--font-size-monospace);
2210
+ font-variant-ligatures: var(--font-variant-ligatures-monospace);
2205
2211
}
2206
2212
#collector-content .sf-dump a {
2207
2213
cursor: pointer;
@@ -2229,7 +2235,7 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
2229
2235
#collector-content .dump-inline .sf-dump {
2230
2236
display: inline;
2231
2237
white-space: normal;
2232
- font-size: 14px ;
2238
+ font-size: var(--font-size-monospace) ;
2233
2239
line-height: inherit;
2234
2240
}
2235
2241
#collector-content .dump-inline .sf-dump:after {
@@ -2247,7 +2253,7 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
2247
2253
{# Forms panel
2248
2254
========================================================================= #}
2249
2255
.form-type-class {
2250
- font-size: 14px ;
2256
+ font-size: var(--font-size-body) ;
2251
2257
display: flex;
2252
2258
margin: 0 0 15px;
2253
2259
}
@@ -2256,7 +2262,7 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
2256
2262
}
2257
2263
.form-type-class pre.sf-dump {
2258
2264
font-family: var(--font-family-system) !important;
2259
- font-size: 14px !important;
2265
+ font-size: var(--font-size-body) !important;
2260
2266
margin-left: 5px;
2261
2267
}
2262
2268
.form-type-class .sf-dump .sf-dump-str {
@@ -2407,7 +2413,7 @@ body.width-full .container {
2407
2413
{# VarDumper dumps
2408
2414
========================================================================= #}
2409
2415
#collector-content pre.sf-dump, #collector-content .sf-dump code, #collector-content .sf-dump samp {
2410
- font-size: 14px ;
2416
+ font-size: var(--font-size-monospace) ;
2411
2417
font-weight: normal;
2412
2418
}
2413
2419
0 commit comments