studio/integration
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gaufre: better looking beta badge (matches la suite website design)

Browse Source
This commit is contained in:
Emmanuel Pelletier
2025-02-27 15:26:16 +01:00
parent 932fccff93
commit 9a281ea645
2 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/public/fonts/Marianne-Bold-betabadge-subset.woff2 Normal file
View File

Binary file not shown.

26
website/src/components/GaufrePage.astro
View File

@@ -41,6 +41,13 @@ const useSubsettedFont = import.meta.env.PUBLIC_USE_GAUFRE_SUBSETTED_FONT !== "0
</style> </style>
)} )}
<style is:inline> <style is:inline>
@font-face {
font-family: "La Gaufre";
src: url("/fonts/Marianne-Bold-betabadge-subset.woff2") format("woff2");
unicode-range: U+41,U+42,U+45,U+54,U+61,U+62,U+65,U+74;
font-weight: 700;
font-display: swap;
}
@font-face { @font-face {
font-family: "La Gaufre fallback"; font-family: "La Gaufre fallback";
src: local("Arial"); src: local("Arial");
@@ -199,16 +206,23 @@ const useSubsettedFont = import.meta.env.PUBLIC_USE_GAUFRE_SUBSETTED_FONT !== "0
} }
.lagaufre-service__beta { .lagaufre-service__beta {
font-size: 0.5em !important; font-weight: 700 !important;
background: #000091 !important; font-size: 0.625em !important;
color: white !important; background: #e3e3fd !important;
color: #000091 !important;
text-transform: uppercase !important; text-transform: uppercase !important;
display: inline-block !important; display: inline-block !important;
padding: 2px 4px !important; padding: 2px 6px !important;
border-radius: 3px !important; border-radius: 99px !important;
position: absolute !important; position: absolute !important;
bottom: -2ch !important; bottom: -2ch !important;
right: -3ch !important; right: -2.5ch !important;
line-height: 1.5 !important;
}
[data-fr-scheme="dark"] .lagaufre-service__beta {
background: #3737ab !important;
color: #e3e3fd !important;
} }
[data-fr-scheme="dark"] .lagaufre-service__icon { [data-fr-scheme="dark"] .lagaufre-service__icon {