Leahnaya/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2026-09-12 16:35:57 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Redesign: Update global CSS size variables (#40348)

Browse Source
This commit is contained in:
diondiondion
2026-09-01 17:45:06 +02:00
committed by GitHub
parent 4507c9b0b3
commit 920dc835ad
2 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/javascript/styles/mastodon/basics.scss
View File

@@ -11,17 +11,25 @@ html {
--font-body: mastodon-font-sans-serif, sans-serif;
--font-heading: Cal Sans UI, sans-serif;
--font-monospace: mastodon-font-monospace, monospace;
&[data-redesign='true'] {
--font-body: Inter, sans-serif;
background: var(--color-bg-blend-solid);
}
--outline-focus-default: 2px solid var(--color-border-brand);
--avatar-border-radius: 8px;
--max-media-height-small: 460px;
--max-media-height-large: 566px;
--mobile-bottom-nav-height: 55px;
// Compensate for column header height when scrolling elements into view
--column-header-height: 62px;
&[data-redesign='true'] {
--font-body: Inter, sans-serif;
--avatar-border-radius: var(--radius-round);
--mobile-bottom-nav-height: calc(58px + var(--space-md));
// Compensate for column header height when scrolling elements into view
--column-header-height: 74px;
background: var(--color-bg-blend-solid);
}
// Variable for easily inverting directional UI elements,
--text-x-direction: 1;
@@ -30,9 +38,6 @@ html {
--text-x-direction: -1;
}
// Compensate for column header height when scrolling elements into view
--column-header-height: 62px;
scroll-padding-top: var(--column-header-height);
&:has(.layout-multi-column) {

1
app/javascript/styles/mastodon/components.scss
View File

@@ -3219,7 +3219,6 @@ a.account__display-name {
}
.ui {
--mobile-bottom-nav-height: 55px;
--last-content-item-border-width: 2px;
flex: 0 0 auto;