task/FP-1260 Rename Component ReadMore to ShowMore

taccsite_cms/static/site_cms/css/src/_imports/components/c-read-more.css

@@ -1,13 +1,13 @@
 /*
-Read More
+Show More
 
-A CSS-only way to support a "Read More…" feature. It requires a container and three children in order:
+A CSS-only way to support a "Show More…" feature. It requires a container and three children in order:
 - state checkbox (must be first)
 - target text
 - toggle element
 
-.c-read-more--one-line   - Truncated text may only be one line tall.
-.c-read-more--many-lines - Truncated text may be many lines tall.
+.c-show-more--one-line   - Truncated text may only be one line tall.
+.c-show-more--many-lines - Truncated text may be many lines tall.
 
 Styleguide: Components.ReadMore
 */
@@ -16,35 +16,35 @@ Styleguide: Components.ReadMore
 /* Truncation */
 
 /* Many Lines */
-.c-read-more--many-lines .c-read-more__target {
+.c-show-more--many-lines .c-show-more__target {
   @extend .x-truncate--many-lines;
 }
-.c-read-more--many-lines .c-read-more__state:checked ~ .c-read-more__target {
+.c-show-more--many-lines .c-show-more__state:checked ~ .c-show-more__target {
   @extend .x-untruncate--many-lines;
 }
 
 /* One Line */
-.c-read-more--one-line .c-read-more__target {
+.c-show-more--one-line .c-show-more__target {
   @extend .x-truncate--one-line;
 }
-.c-read-more--one-line .c-read-more__state:checked ~ .c-read-more__target {
+.c-show-more--one-line .c-show-more__state:checked ~ .c-show-more__target {
   @extend .x-untruncate--one-line;
 }
 
-/* Read More / Read Less */
+/* Show More / Read Less */
 
 /* State */
-.c-read-more__state,
-.c-read-more__on-text,
-.c-read-more__off-text {
+.c-show-more__state,
+.c-show-more__on-text,
+.c-show-more__off-text {
   display: none;
 }
-.c-read-more__state:not(:checked) ~ .c-read-more__toggle .c-read-more__on-text,
-.c-read-more__state:checked ~ .c-read-more__toggle .c-read-more__off-text {
+.c-show-more__state:not(:checked) ~ .c-show-more__toggle .c-show-more__on-text,
+.c-show-more__state:checked ~ .c-show-more__toggle .c-show-more__off-text {
   display: block;
 }
 
 /* Toggle */
-.c-read-more__toggle {
+.c-show-more__toggle {
   cursor: pointer;
 }