Merge branch 'refactor/rem-font-size' into 'dev'

refactor: rem font-size

See merge request !697

src/app/form/form-view/form-view.component.scss

@@ -92,7 +92,7 @@
   }
 }
 
-::ng-deep.details {
+:host ::ng-deep .form-details {
   @include font-regular-18;
   color: $grey-3;
 }

src/app/form/form-view/structure-form/structure-digital-helping-accompaniment/structure-digital-helping-accompaniment.component.html

@@ -16,7 +16,7 @@
       />
     </span>
   </div>
-  <p class="details">
+  <p class="form-details">
     <sup>1</sup> La plateforme Rés'in n'a pas vocation à référencer les structures qui proposent un accompagnement
     payant aux démarches administratives
   </p>

src/app/legal-notice/legal-notice.component.scss

 .content-container {
   overflow: auto;
 }
-h2 {
-  font-size: 1em;
-}

src/app/shared/components/v3/radio/radio.component.scss

@@ -33,6 +33,7 @@
     text-align: left;
   }
   label {
+    font-size: $font-size-small;
     color: $grey-1;
     line-height: 24px; /* 150% */
     font-weight: 700;

src/assets/scss/_typography.scss

-$font-size-xxxxsmall: 0.625em; // 10px
-$font-size-xxsmall: 0.75em; // 12px
-$font-size-xmsmall: 0.813em; // 13px
-$font-size-xsmall: 0.875em; // 14px
-$font-size-xismall: 0.9375em; // 15px
-$font-size-small: 1em; // 16px
+$font-size-xxxxsmall: 0.625rem; // 10px
+$font-size-xxsmall: 0.75rem; // 12px
+$font-size-xmsmall: 0.813rem; // 13px
+$font-size-xsmall: 0.875rem; // 14px
+$font-size-xismall: 0.9375rem; // 15px
+$font-size-small: 1rem; // 16px
 
-$font-size-smedium: 1.125em; // 18px
-$font-size-medium: 1.25em; // 20px
-$font-size-xmedium: 1.375em; // 22px
-$font-size-xxmedium: 1.5em; // 24px
-$font-size-large: 1.625em; // 26px
-$font-size-xlarge: 1.75em; // 28px
-$font-size-xxlarge: 1.875em; // 30px
-$font-size-xcxlarge: 2em; // 32px
+$font-size-smedium: 1.125rem; // 18px
+$font-size-medium: 1.25rem; // 20px
+$font-size-xmedium: 1.375rem; // 22px
+$font-size-xxmedium: 1.5rem; // 24px
+$font-size-large: 1.625rem; // 26px
+$font-size-xlarge: 1.75rem; // 28px
+$font-size-xxlarge: 1.875rem; // 30px
+$font-size-xcxlarge: 2rem; // 32px
 
 * {
   font-family: 'Lato', 'Helvetica', sans-serif;