hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

remove all "fallback variables"

Browse source
This commit is contained in:
Henry Jameson 2024-03-04 19:45:42 +02:00
commit 075f2cb903
80 changed files with 99 additions and 382 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/components/status/status.scss
View file

@ -1,5 +1,3 @@
@import "../../variables";
.Status {
min-width: 0;
white-space: normal;
@ -12,24 +10,8 @@
--_still-image-label-visibility: hidden;
}
&.-focused {
background-color: $fallback--lightBg;
background-color: var(--selectedPost, $fallback--lightBg);
color: $fallback--text;
color: var(--selectedPostText, $fallback--text);
--lightText: var(--selectedPostLightText, $fallback--light);
--faint: var(--selectedPostFaintText, $fallback--faint);
--faintLink: var(--selectedPostFaintLink, $fallback--faint);
--postLink: var(--selectedPostPostLink, $fallback--faint);
--postFaintLink: var(--selectedPostFaintPostLink, $fallback--faint);
--icon: var(--selectedPostIcon, $fallback--icon);
}
.gravestone {
padding: var(--status-margin, $status-margin);
color: $fallback--faint;
color: var(--faint, $fallback--faint);
padding: var(--status-margin);
display: flex;
.deleted-text {
@ -40,7 +22,7 @@
.status-container {
display: flex;
padding: var(--status-margin, $status-margin);
padding: var(--status-margin);
> * {
min-width: 0;
@ -52,7 +34,7 @@
}
.pin {
padding: var(--status-margin, $status-margin) var(--status-margin, $status-margin) 0;
padding: var(--status-margin) var(--status-margin) 0;
display: flex;
align-items: center;
justify-content: flex-end;
@ -68,7 +50,7 @@
}
.left-side {
margin-right: var(--status-margin, $status-margin);
margin-right: var(--status-margin);
}
.right-side {
@ -77,7 +59,7 @@
}
.usercard {
margin-bottom: var(--status-margin, $status-margin);
margin-bottom: var(--status-margin);
}
.status-username {
@ -238,11 +220,10 @@
}
.repeat-info {
padding: 0.4em var(--status-margin, $status-margin);
padding: 0.4em var(--status-margin);
.repeat-icon {
color: $fallback--cGreen;
color: var(--cGreen, $fallback--cGreen);
color: var(--cGreen);
}
}
@ -284,7 +265,7 @@
position: relative;
width: 100%;
display: flex;
margin-top: var(--status-margin, $status-margin);
margin-top: var(--status-margin);
> * {
max-width: 4em;
@ -352,7 +333,7 @@
}
.favs-repeated-users {
margin-top: var(--status-margin, $status-margin);
margin-top: var(--status-margin);
}
.stats {
@ -373,16 +354,16 @@
height: 100%;
width: 1px;
left: 0;
background-color: var(--faint, $fallback--faint);
background-color: var(--textFaint);
}
}
.stat-count {
margin-right: var(--status-margin, $status-margin);
margin-right: var(--status-margin);
user-select: none;
.stat-title {
color: var(--faint, $fallback--faint);
color: var(--textFaint);
font-size: 0.85em;
text-transform: uppercase;
position: relative;
@ -419,7 +400,7 @@
.quoted-status {
margin-top: 0.5em;
border: 1px solid var(--border, $fallback--border);
border: 1px solid var(--border);
border-radius: var(--roundness);
&.-unavailable-prompt {