Add paragraph classes 1-3 to codebase (hackforla#2880)

* Added variables for the font sizes and line height for the paragraph classes

* Added paragraph classes 1-3

%paragraph-class is a SCSS placeholder class, which has properties that are the same in all the paragraph classes.

* Fixed typo

_sass/elements/_typography.scss

@@ -277,3 +277,26 @@ map-get($font-family, body);
     line-height: map-get($line-height-small, desktop);
   }
 }
+
+
+%paragraph-class {
+  line-height: $line-height-paragraph-class;
+  font-family: $font-family-body;
+  font-weight: map-get($font-weight, normal);
+  color: $color-black;
+}
+
+.paragraph1 {
+  @extend %paragraph-class;
+  font-size: $font-size-paragraph1;
+}
+
+.paragraph2 {
+  @extend %paragraph-class;
+  font-size: $font-size-paragraph2;
+}
+
+.paragraph3 {
+  @extend %paragraph-class;
+  font-size: $font-size-paragraph3;
+}

_sass/variables/_typography.scss

@@ -118,6 +118,12 @@ $font-size-title7: (
   /* 16px*/ desktop: 1rem
 );
 
+$font-size-paragraph1: 1.25rem; /* Equivalent to 20px if base font-size is 16px */
+
+$font-size-paragraph2: 1.125rem; /* Equivalent to 18px if base font-size is 16px */
+
+$font-size-paragraph3: 1rem; /* Equivalent to 16px if base font-size is 16px */
+
 $line-height-small: (
   print: 1.25,
   mobile: 1.25,
@@ -166,3 +172,5 @@ $line-height-h1: (
   tablet: 1.125,
   desktop: 1.05
 );
+
+$line-height-paragraph-class: 1.375; /* Equivalent to 137% */