hippoz/waffle
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

update fonts

Browse source
This commit is contained in:
hippoz 2022-12-03 19:02:54 +02:00
parent ce5116e452
commit 3110073a72
Signed by: hippoz
GPG key ID: 7C52899193467641
7 changed files with 22 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/public/assets/woff2/iosevka-waffle-bold.woff2
View file

Binary file not shown.

BIN
frontend/public/assets/woff2/iosevka-waffle-light.woff2 Normal file
View file

Binary file not shown.

BIN
frontend/public/assets/woff2/iosevka-waffle-regular.woff2
View file

Binary file not shown.

28
frontend/public/global.css
View file

@ -1,4 +1,5 @@
/* fonts */ /* fonts */
/* FIXME: fonts greatly increase payload size */
@font-face { @font-face {
font-family: "Iosevka Waffle Web"; font-family: "Iosevka Waffle Web";
@ -10,12 +11,21 @@
} }
@font-face { @font-face {
font-family: 'Iosevka Waffle Web'; font-family: "Iosevka Waffle Web";
font-display: swap; font-display: swap;
font-weight: 700; font-weight: 700;
font-stretch: normal; font-stretch: normal;
font-style: normal; font-style: normal;
src: url('assets/woff2/iosevka-waffle-bold.woff2') format('woff2'); src: url("assets/woff2/iosevka-waffle-bold.woff2") format("woff2");
}
@font-face {
font-family: "Iosevka Waffle Web";
font-display: swap;
font-weight: 300;
font-stretch: normal;
font-style: normal;
src: url('assets/woff2/iosevka-waffle-light.woff2') format("woff2");
} }
/* top-level */ /* top-level */
@ -123,20 +133,20 @@ body {
width: 100%; width: 100%;
padding-left: var(--space-sm); padding-left: var(--space-sm);
padding-right: var(--space-sm); padding-right: var(--space-sm);
padding-top: var(--space-xs); padding-top: var(--space-sm);
padding-bottom: var(--space-xs); padding-bottom: var(--space-sm);
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
} }
.top-bar.darker {
background-color: var(--background-color-0);
}
.top-bar-heading { .top-bar-heading {
margin-left: var(--space-xxs); margin-left: var(--space-xxs);
} }
.top-bar-heading.accent {
font-weight: bold;
}
/* modal */ /* modal */
.modal-backdrop { .modal-backdrop {
@ -226,6 +236,7 @@ body {
text-transform: uppercase; text-transform: uppercase;
color: var(--foreground-color-2); color: var(--foreground-color-2);
user-select: none; user-select: none;
font-weight: 300;
} }
.input { .input {
@ -420,6 +431,7 @@ body {
font: inherit; font: inherit;
border-radius: var(--radius-md); border-radius: var(--radius-md);
width: 100%; width: 100%;
font-weight: 300;
} }
.sidebar-button .sidebar-button-text { .sidebar-button .sidebar-button-text {

2
frontend/src/components/ChannelTopBar.svelte
View file

@ -30,7 +30,7 @@
<span class="unread-indicator">{$totalUnreadsStore}</span> <span class="unread-indicator">{$totalUnreadsStore}</span>
{/if} {/if}
<span class="material-icons-outlined" class:tag-icon-has-sidebar-button="{ !$showSidebar }" class:has-unreads="{ $totalUnreadsStore > 0 }">tag</span> <span class="material-icons-outlined" class:tag-icon-has-sidebar-button="{ !$showSidebar }" class:has-unreads="{ $totalUnreadsStore > 0 }">tag</span>
<span class="h5 top-bar-heading" on:click="{ () => overlayStore.push(OverlayType.EditChannel, {channel}) }">{ channel.name }</span> <span class="text-small top-bar-heading accent" on:click="{ () => overlayStore.push(OverlayType.EditChannel, {channel}) }">{ channel.name }</span>
<div class="right-buttons"> <div class="right-buttons">
<button class="icon-button" on:click="{ () => showPresenceSidebar.set(!showPresenceSidebar.value) }" aria-label="Toggle user list"> <button class="icon-button" on:click="{ () => showPresenceSidebar.set(!showPresenceSidebar.value) }" aria-label="Toggle user list">
<span class="material-icons-outlined">people</span> <span class="material-icons-outlined">people</span>

2
frontend/src/components/UserTopBar.svelte
View file

@ -4,5 +4,5 @@
<div class="top-bar"> <div class="top-bar">
<span class="material-icons-outlined">alternate_email</span> <span class="material-icons-outlined">alternate_email</span>
<span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span> <span class="text-small top-bar-heading accent">{ $userInfoStore ? $userInfoStore.username : "" }</span>
</div> </div>

25
frontend/webfonts/iosevka/private-build-plans.toml
View file

@ -11,31 +11,6 @@ snapshotFeature = {"NWID" = 0}
no-cv-ss = true no-cv-ss = true
no-ligation = true no-ligation = true
[buildPlans.iosevka-waffle.weights.regular]
shape = 400
menu = 400
css = 400
[buildPlans.iosevka-waffle.weights.medium]
shape = 500
menu = 500
css = 500
[buildPlans.iosevka-waffle.weights.semibold]
shape = 600
menu = 600
css = 600
[buildPlans.iosevka-waffle.weights.bold]
shape = 700
menu = 700
css = 700
[buildPlans.iosevka-waffle.weights.extrabold]
shape = 800
menu = 800
css = 800
[buildPlans.iosevka-waffle.slopes.upright] [buildPlans.iosevka-waffle.slopes.upright]
angle = 0 angle = 0
shape = "upright" shape = "upright"