refactor: change .text-secondary to .text-body-secondary

Author: mrholek

src/pug/views/404.pug

@@ -7,7 +7,7 @@ block view
         .clearfix
           h1.float-start.display-3.me-4 404
           h4.pt-3 Oops! You're lost.
-          p.text-secondary The page you are looking for was not found.
+          p.text-body-secondary The page you are looking for was not found.
         .input-group
           span.input-group-text
             svg.icon

src/pug/views/500.pug

@@ -7,7 +7,7 @@ block view
         .clearfix
           h1.float-start.display-3.me-4 500
           h4.pt-3 Houston, we have a problem!
-          p.text-secondary The page you are looking for is temporarily unavailable.
+          p.text-body-secondary The page you are looking for is temporarily unavailable.
         .input-group
           span.input-group-text
             svg.icon

src/pug/views/base/accordion.pug

@@ -13,7 +13,7 @@ block view
         .card-header
           strong Accordion
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Click the accordions below to expand/collapse the accordion content.
           +example('https://coreui.io/docs/components/accordion/#how-it-works')
             #accordionExample.accordion
@@ -53,7 +53,7 @@ block view
           strong Accordion
           span.small.ms-1 Flush
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Add 
             code .accordion-flush
             |  to remove the default 

src/pug/views/base/breadcrumb.pug

@@ -13,7 +13,7 @@ block view
         .card-header
           strong Breadcrumb
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | The breadcrumb navigation provides links back to each previous page the user navigated through and shows the current ___location in a website or an application. You don’t have to add separators, because they automatically added in CSS through 
             a(href='https://developer.mozilla.org/en-US/docs/Web/CSS/::before') 
               code ::before

src/pug/views/base/cards.pug

@@ -12,7 +12,7 @@ block view
       strong Carousel
       span.small.ms-1 Slides only
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | Here’s a carousel with slides. Note the appearance of the 
         code .d-block
         |  also, 
@@ -41,7 +41,7 @@ block view
       strong Carousel
       span.small.ms-1 With controls
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | Adding in the previous and next controls. We recommend using 
         code 
           = '<button>'
@@ -80,7 +80,7 @@ block view
       strong Carousel
       span.small.ms-1 With indicators
     .card-body
-      p.text-secondary.small You can attach the indicators to the carousel, lengthwise the controls, too.
+      p.text-body-secondary.small You can attach the indicators to the carousel, lengthwise the controls, too.
       +example('https://coreui.io/docs/components/carousel/#with-indicators')
         #carouselExampleIndicators.carousel.slide(data-coreui-ride='carousel')
           .carousel-indicators
@@ -114,7 +114,7 @@ block view
       strong Carousel
       span.small.ms-1 With captions
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | You can add captions to slides with the 
         code .carousel-caption
         |  element within any 
@@ -168,7 +168,7 @@ block view
       strong Carousel
       span.small.ms-1 Crossfade
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | Add 
         code .carousel-fade
         |  to your carousel to animate slides with a fade transition instead of a slide.
@@ -201,7 +201,7 @@ block view
       strong Carousel
       span.small.ms-1 Dark variant
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | Add 
         code .carousel-dark
         |  to the 

src/pug/views/base/carousel.pug

@@ -11,7 +11,7 @@ block view
     .card-header
       strong Collapse
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | You can use a link with the 
         code href
         |  attribute, or a button with the 
@@ -33,7 +33,7 @@ block view
       strong Collapse
       span.small.ms-1 Horizontal
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | The collapse plugin also supports horizontal collapsing. Add the 
         code .collapse-horizontal
         |  modifier class to transition the 
@@ -58,7 +58,7 @@ block view
       strong Collapse
       span.small.ms-1 multiple targets
     .card-body
-      p.text-secondary.small
+      p.text-body-secondary.small
         | A 
         code
           = '<button>'

src/pug/views/base/collapse.pug

@@ -14,7 +14,7 @@ block view
           strong List group
           span.small.ms-1 Basic example
         .card-body
-          p.text-secondary.small The default list group is an unordered list with items and the proper CSS classes. Build upon it with the options that follow, or with your CSS as required.
+          p.text-body-secondary.small The default list group is an unordered list with items and the proper CSS classes. Build upon it with the options that follow, or with your CSS as required.
           +example('https://coreui.io/docs/components/list-group/#basic-example')
             ul.list-group
               li.list-group-item Cras justo odio
@@ -28,7 +28,7 @@ block view
           strong List group
           span.small.ms-1 active items
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Attach 
             code .active
             |  to a 
@@ -47,7 +47,7 @@ block view
           strong List group
           span.small.ms-1 disabled items
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Attach 
             code .disabled
             |  to a 
@@ -69,7 +69,7 @@ block view
           span.small.ms-1 disabled links
         .card-body
           .list-group
-            p.text-secondary.small
+            p.text-body-secondary.small
               | Use 
               code
                 = '<a>'
@@ -87,7 +87,7 @@ block view
               code
                 = '<div>'
               | s) don’t provide a click or tap affordance.
-            p.text-secondary.small
+            p.text-body-secondary.small
               | Be sure to
               strong
                 |  not use the standard 
@@ -108,7 +108,7 @@ block view
           span.small.ms-1 disabled buttons
         .card-body
           .list-group
-            p.text-secondary.small
+            p.text-body-secondary.small
               | With 
               code
                 = '<button>'
@@ -134,7 +134,7 @@ block view
           strong List group
           span.small.ms-1 flush
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Add 
             code .list-group-flush
             |  to remove some borders and rounded corners to render list group items edge-to-edge in a parent container (e.g., cards).
@@ -151,7 +151,7 @@ block view
           strong List group
           span.small.ms-1 horizontal
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Add 
             code .list-group-horizontal
             |  to change the layout of list group items from vertical to horizontal across all breakpoints. Alternatively, choose a responsive variant 
@@ -160,7 +160,7 @@ block view
             code min-width
             | . Currently
             strong  horizontal list groups cannot be combined with flush list groups.
-          p.text-secondary.small
+          p.text-body-secondary.small
             strong ProTip:
             |  Want equal-width list group items when horizontal? Add 
             code .flex-fill
@@ -197,7 +197,7 @@ block view
           strong List group
           span.small.ms-1 contextual classes
         .card-body
-          p.text-secondary.small Use contextual classes to style list items with a stateful background and color.
+          p.text-body-secondary.small Use contextual classes to style list items with a stateful background and color.
           +example('https://coreui.io/docs/components/list-group/#contextual-classes')
             ul.list-group
               li.list-group-item Dapibus ac facilisis in
@@ -217,7 +217,7 @@ block view
             | contextual with 
             code .action
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Contextual classes also work with 
             code .list-group-item-action
             | . Note the addition of the hover styles here not present in the previous example. Also supported is the 
@@ -256,7 +256,7 @@ block view
           strong List group
           span.small.ms-1 with badges
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Add badges to any list group item to show unread counts, activity, and more with the help of some
             a(href='https://coreui.io/docs/utilities/flex/') utilities
             | .
@@ -277,7 +277,7 @@ block view
           stron List group
           span.small.ms-1 custom content
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Add nearly any HTML within, even for linked list groups like the one below, with the help of
             a(href='https://coreui.io/docs/utilities/flex/') flexbox utilities
             | .
@@ -293,25 +293,25 @@ block view
               a.list-group-item.list-group-item-action.flex-column.align-items-start(href='#')
                 .d-flex.w-100.justify-content-between
                   h5.mb-1 List group item heading
-                  small.text-secondary 3 days ago
+                  small.text-body-secondary 3 days ago
                 p.mb-1
                   | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
-                small.text-secondary Donec id elit non mi porta.
+                small.text-body-secondary Donec id elit non mi porta.
               a.list-group-item.list-group-item-action.flex-column.align-items-start(href='#')
                 .d-flex.w-100.justify-content-between
                   h5.mb-1 List group item heading
-                  small.text-secondary 3 days ago
+                  small.text-body-secondary 3 days ago
                 p.mb-1
                   | Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
-                small.text-secondary Donec id elit non mi porta.
+                small.text-body-secondary Donec id elit non mi porta.
   .row
     .col
       .card.mb-4
         .card-header
           strong  List group
           span.small.ms-1 tab Javascript plugin
         .card-body
-          p.text-secondary.small
+          p.text-body-secondary.small
             | Use the tab JavaScript plugin—include it individually or through the compiled 
             code coreui.js
             |  file—to extend our list group to create tabbable panes of local content.