Remove duplicated code (SCSS)

components/articles/article-alinea-2/article-alinea-2-component.jsx

 import PropTypes from "prop-types";
-import { PureComponent } from "react";
-
-import styles from "../articles.module.scss";
+import { Fragment, PureComponent } from "react";
 
 class Alinea2 extends PureComponent {
   render() {
@@ -9,7 +7,7 @@ class Alinea2 extends PureComponent {
       baseOutputInput,
     } = this.props;
     return (
-      <div className={styles.text}>
+      <Fragment>
         2. La réduction d&apos;impôt résultant de l&apos;application du
         quotient familial ne peut excéder
         {baseOutputInput("plafond_qf.maries_ou_pacses")}
@@ -61,7 +59,7 @@ class Alinea2 extends PureComponent {
         présent 2. Cette réduction d&apos;impôt ne peut toutefois excéder
         l&apos;augmentation de la cotisation d&apos;impôt résultant du
         plafonnement.
-      </div>
+      </Fragment>
     );
   }
 }

components/articles/article-alinea-3/article-alinea-3-component.jsx

@@ -3,9 +3,7 @@ import warningIcon from "@iconify/icons-twemoji/warning";
 import { Icon } from "@iconify/react";
 import { withStyles } from "@material-ui/core/styles";
 import PropTypes from "prop-types";
-import { PureComponent } from "react";
-
-import styles2 from "../articles.module.scss";
+import { Fragment, PureComponent } from "react";
 
 const styles = () => ({
   warningOutremer: {
@@ -29,7 +27,7 @@ class ArticleAlinea3 extends PureComponent {
       isUserLogged,
     } = this.props;
     return (
-      <div className={styles2.text}>
+      <Fragment>
         {isUserLogged ? (
           <div className={classes.warningOutremer}>
             <Icon icon={warningIcon} />
@@ -55,7 +53,7 @@ class ArticleAlinea3 extends PureComponent {
         {baseOutputInput("plafond_qf.abat_dom.plaf_GuyMay")}
         €, pour les contribuables domiciliés dans les départements de la
         Guyane et de Mayotte ;
-      </div>
+      </Fragment>
     );
   }
 }

components/articles/article-alinea-4a/article-alinea-4a-component.jsx

 import PropTypes from "prop-types";
-import { PureComponent } from "react";
-
-import styles from "../articles.module.scss";
+import { Fragment, PureComponent } from "react";
 
 class Alinea4a extends PureComponent {
   render() {
@@ -10,7 +8,7 @@ class Alinea4a extends PureComponent {
       formulaOutputInput,
     } = this.props;
     return (
-      <div className={styles.text}>
+      <Fragment>
         4. a. Le montant de l&apos;impôt résultant de l&apos;application des
         dispositions précédentes est diminué, dans la limite de son montant,
         de la différence entre
@@ -28,7 +26,7 @@ class Alinea4a extends PureComponent {
         {formulaOutputInput("decote.taux")}
         % de son montant pour les contribuables soumis à imposition
         commune.
-      </div>
+      </Fragment>
     );
   }
 }

components/articles/articles-component.jsx

 import Grid from "@material-ui/core/Grid";
 import AddIcon from "@material-ui/icons/Add";
 import DeleteIcon from "@material-ui/icons/Delete";
-import classNames from "classnames";
 import PropTypes from "prop-types";
 import React, { Fragment } from "react";
 
@@ -16,7 +15,6 @@ import Alinea2 from "./article-alinea-2";
 import Alinea3 from "./article-alinea-3";
 import Alinea4a from "./article-alinea-4a";
 import ArticleHeader from "./article-header";
-import styles from "./articles.module.scss";
 import { Button } from "./buttons";
 import { ReglesGenerales, ReglesSpecifiques } from "./quotient-familial";
 
@@ -51,8 +49,7 @@ class ArticlesComponent extends React.Component {
       const plfValue = plfs ? plfs[Math.min(i, plfs.length - 1)] : null;
       return (
         <div
-          key={i}
-          className={styles.text}>
+          key={i}>
           {
             "1. L'impôt est calculé en appliquant à la fraction de chaque part de revenu qui excède"
           }
@@ -77,10 +74,7 @@ class ArticlesComponent extends React.Component {
       return (
         <div
           key={i}
-          className={classNames({
-            [styles.text]: true,
-            [styles.newTranche]: newTranche,
-          })}>
+          className={newTranche}>
           –
           <Parameter
             editable
@@ -114,10 +108,7 @@ class ArticlesComponent extends React.Component {
     return (
       <div
         key={i}
-        className={classNames({
-          [styles.text]: true,
-          [styles.newTranche]: newTranche,
-        })}>
+        className={newTranche}>
         –
         <Parameter
           editable

components/articles/articles.module.scss

 @import 'styles/variables';
 
-.text {
-  font-size: 18px;
-  font-family: $law-font-family;
-  line-height: 1.6;
-}
-
 .newTranche {
   color: $amendement-text-color;
 }
\ No newline at end of file

components/articles/quotient-familial/regles-generales/ReglesGenerales.tsx

 import { Part } from "interfaces";
-import { PureComponent } from "react";
+import { Fragment, PureComponent } from "react";
 
-import articleStyle from "../../articles.module.scss";
 import { QfTable } from "./QfTable";
 import styles from "./ReglesGenerales.module.scss";
 
@@ -29,14 +28,14 @@ const PARTS_MOCK: Part[] = [
 export class ReglesGenerales extends PureComponent {
   render() {
     return (
-      <div className={articleStyle.text}>
+      <Fragment>
         I. Le nombre de parts à prendre en considération pour la division du revenu
         imposable prévue à l&apos;article 193 est déterminé conformément aux dispositions
         suivantes :
         <div className={styles.table}>
           <QfTable parts={PARTS_MOCK} />
         </div>
-      </div>
+      </Fragment>
     );
   }
 }

components/articles/quotient-familial/regles-specifiques/ReglesSpecifiques.jsx

-import { PureComponent } from "react";
-
-import styles from "../../articles.module.scss";
+import { Fragment, PureComponent } from "react";
 
 export class ReglesSpecifiques extends PureComponent {
   render() {
     return (
-      <div className={styles.text}>
+      <Fragment>
         <h3>Enfants à charge partagée</h3>
         Lorsque les époux font l'objet d'une imposition séparée en application du 4 de l'article 6, chacun d'eux est considéré comme un célibataire ayant à sa charge les enfants dont il assume à titre principal l'entretien. Dans cette situation, ainsi qu'en cas de divorce, de rupture du pacte civil de solidarité ou de toute séparation de fait de parents non mariés, l'enfant est considéré, jusqu'à preuve du contraire, comme étant à la charge du parent chez lequel il réside à titre principal.
         <br />
@@ -23,7 +21,7 @@ export class ReglesSpecifiques extends PureComponent {
         <br />
         <h3>Parent isolé</h3>
         II. Pour l'imposition des contribuables célibataires ou divorcés qui vivent seuls, le nombre de parts prévu au I est augmenté de 0,5 lorsqu'ils supportent à titre exclusif ou principal la charge d'au moins un enfant. Lorsqu'ils entretiennent uniquement des enfants dont la charge est réputée également partagée avec l'autre parent, la majoration est de 0,25 pour un seul enfant et de 0,5 si les enfants sont au moins deux. Ces dispositions s'appliquent nonobstant la perception éventuelle d'une pension alimentaire versée en vertu d'une convention de divorce par consentement mutuel déposée au rang des minutes d'un notaire ou d'une décision de justice pour l'entretien desdits enfants.
-      </div>
+      </Fragment>
     );
   }
 }

components/expandable-panels/PrimaryExpandablePanel.module.scss

@@ -35,4 +35,7 @@ $padding-y: 15px;
 .content {
   padding-bottom: $padding-y;
   padding-left: $padding-x;
+  font-family: $law-font-family;
+  font-size: $law-font-size;
+  line-height: $law-line-height;
 }
\ No newline at end of file

components/expandable-panels/SecondaryExpandablePanel.module.scss

@@ -43,4 +43,7 @@ $header-padding-left: 7px;
   padding-top: $padding-y;
   padding-bottom: $padding-y;
   padding-left: $header-padding-left;
+  font-family: $law-font-family;
+  font-size: $law-font-size;
+  line-height: $law-line-height;
 }
\ No newline at end of file

components/expandable-panels/TertiaryExpandablePanel.module.scss

@@ -7,4 +7,6 @@
 
 .content {
   font-family: $law-font-family;
+  font-size: $law-font-size;
+  line-height: $law-line-height;
 }
\ No newline at end of file

styles/_variables.scss

@@ -2,4 +2,7 @@ $amendement-bg-color: rgb(222, 213, 0);
 $amendement-text-color: #746F08;
 $plf-color: rgb(255, 107, 107);
 $default-font-family: Lato;
+
 $law-font-family: Lora;
+$law-font-size: 18px;
+$law-line-height: 1.6;