Dynamically adjust font size based on vw value
This commit is contained in:
@@ -129,17 +129,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.departure-board td {
|
.departure-board td {
|
||||||
font-family: 'Inconsolate Variable', monospace;
|
font-family: 'Inconsolata Variable', monospace;
|
||||||
font-size: 1rem;
|
font-size: clamp(1rem, 0.475rem + 2.8vw, 1.35rem);
|
||||||
font-variant-numeric: tabular-nums;
|
|
||||||
font-variant-ligatures: additional-ligatures;
|
font-variant-ligatures: additional-ligatures;
|
||||||
}
|
}
|
||||||
|
|
||||||
thead,
|
thead,
|
||||||
.cancel-row td,
|
.cancel-row td,
|
||||||
.delay-row td {
|
.delay-row td {
|
||||||
font-family: 'URW Gothic', sans-serif;
|
letter-spacing: -0.15ch;
|
||||||
letter-spacing: 0.02ch;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
thead {
|
thead {
|
||||||
|
|||||||
@@ -153,7 +153,7 @@
|
|||||||
font-display: swap;
|
font-display: swap;
|
||||||
font-weight: 200 900;
|
font-weight: 200 900;
|
||||||
font-stretch: 50% 200%;
|
font-stretch: 50% 200%;
|
||||||
src: url(type/Inconsolata/latin-wdth-normal.woff2) format('woff2-variations');
|
src: url(/type/inconsolata/latin-wdth-normal.woff2) format('woff2-variations');
|
||||||
unicode-range:
|
unicode-range:
|
||||||
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
||||||
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
|||||||
@@ -90,7 +90,8 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: calc(100dvh - 60px);
|
height: calc(100dvh - 60px);
|
||||||
width: 100%;
|
width: 97%;
|
||||||
|
max-width: 700px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user