feat(DesignSysteme): add DSfr and switch to Marianne font

This commit is contained in:
Martin 2022-08-17 11:13:10 +02:00
parent 5f2b290407
commit 1bdbf2a7d7
19 changed files with 16 additions and 20 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -1,7 +1,7 @@
@import "colors";
%new-type {
font-family: "Muli", system-ui, -apple-system, sans-serif;
font-family: "Marianne", system-ui, -apple-system, sans-serif;
color: $black;
}

View file

@ -9,7 +9,6 @@
padding: 8px 16px;
border-radius: 30px;
border: 1px solid $border-grey;
font-family: "Muli";
font-size: 14px;
line-height: 20px;
background-color: #FFFFFF;

View file

@ -1,23 +1,14 @@
@font-face {
font-family: "Muli";
src: asset-url("Muli-Regular.woff2") format("woff2"),
asset-url("Muli-Regular.woff") format("woff");
font-family: "Marianne";
src: asset-url("Marianne-Regular.woff2") format("woff2"),
asset-url("Marianne-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Muli";
src: asset-url("Muli-Bold.woff2") format("woff2"),
asset-url("Muli-Bold.woff") format("woff");
font-family: "Spectrale";
src: asset-url("Spectral-Regular.ttf") format("ttf");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Muli";
src: asset-url("Muli-Italic.woff2") format("woff2"),
asset-url("Muli-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
}

View file

@ -295,6 +295,7 @@ $users-breakpoint: 950px;
font-size: 24px;
font-weight: bold;
margin-top: 13px;
color: #FFFFFF;
&.grey {
color: $g700;

View file

@ -17,7 +17,7 @@
}
body {
font-family: "Muli";
font-family: "Marianne";
}
.subtitle {

View file

@ -46,7 +46,6 @@
padding-bottom: 5px;
border-radius: 5px;
border: 1px solid $border-grey;
font-family: "Muli";
background-color: #FFFFFF;
color: $black;
text-align: center;

View file

@ -67,3 +67,5 @@ window.DS = window.DS || DS;
import('../shared/track/matomo');
import('../shared/track/sentry');
import "../../../node_modules/@gouvfr/dsfr/dist/dsfr.min.css";

View file

@ -0,0 +1 @@
import '../../../node_modules/@gouvfr/dsfr/dist/dsfr.module.js';;

View file

@ -0,0 +1 @@
import '../../../node_modules/@gouvfr/dsfr/dist/dsfr.nomodule.min.js';

View file

@ -18,6 +18,8 @@
= vite_client_tag
= vite_react_refresh_tag
= vite_javascript_tag 'application'
= vite_javascript_tag 'dsfr-module', type: "module", nonce: true
= vite_javascript_tag 'dsfr-nomodule', type: 'nomodule', type: "text/javascript", nonce: true
- if administrateur_signed_in?
= vite_javascript_tag 'track-admin'
@ -28,8 +30,8 @@
= vite_legacy_javascript_tag 'track-admin'
= vite_legacy_fallback_tag
= preload_link_tag(asset_url("Muli-Regular.woff2"))
= preload_link_tag(asset_url("Muli-Bold.woff2"))
= preload_link_tag(asset_url("Marianne-Regular.woff2"))
= preload_link_tag(asset_url("Spectral-Regular.ttf"))
= stylesheet_link_tag 'application', media: 'all'
= vite_stylesheet_tag 'application', media: 'all'