fix #973 revert font size and font weight classes

src/pages/_includes/cards/company-lookup.html

@@ -6,7 +6,7 @@
                  style="background-image: url(https://logo.clearbit.com/amazon.com?size=100)"></div>
          </div>
          <div class="col">
-            <div class="h3 m-0 font-weight-normal">amazon.com</div>
+            <div class="h3 m-0 fw-normal">amazon.com</div>
          </div>
       </div>
 

src/pages/_includes/cards/icons.html

@@ -29,7 +29,7 @@
 						{% for icon in icons limit: limit %}
 						<a href="#" class="demo-icons-list-item" data-toggle-icon="{{ icon }}" title="{{ icon }}" data-icon-svg="{% capture svg %}{% highlight html %}{% include ui/icon.html icon=icon %}{% endhighlight %}{% endcapture %}{{ svg | escape }}">
 							{% include ui/icon.html icon=icon %}
-							<div class="mt-1 text-muted text-h5">{{ icon }}</div>
+							<div class="mt-1 text-muted fs-5">{{ icon }}</div>
 						</a>
 						{% endfor %}
 						{% for icon in (0..20) %}

src/pages/_includes/cards/music/tracks-list.html

@@ -3,7 +3,7 @@
 		{% for track in site.data.tracks limit: 12 %}
 		<div class="list-group-item">
 			<div class="row g-2 align-items-center">
-				<div class="col-auto text-h3">
+				<div class="col-auto fs-3">
 					{{ forloop.index }}
 				</div>
 				<div class="col-auto">

src/pages/_includes/cards/order-statistics.html

@@ -16,7 +16,7 @@
 				<div class="col-auto"><span class="legend bg-{{ item.color }}"></span></div>
 				<div class="col">
 					{{ item.title }}
-					<div class="text-h6 text-muted">{{ item.subtitle }}</div>
+					<div class="fs-6 text-muted">{{ item.subtitle }}</div>
 				</div>
 				<div class="col-auto small text-muted"><strong class="text-body">{{ forloop.index | random_number: 500, 2000
 					| intcomma }}</strong> orders

src/pages/_includes/cards/small-stats-2.html

@@ -16,7 +16,7 @@
 		<div class="float-right avatar{% if include.color %} bg-{{ include.color }}{% if include.light %}-lt{% else %} text-white{% endif %}{% endif %}">
 			{% include ui/icon.html icon=icon %}
 		</div>
-		<div class="text-muted font-weight-normal mt-0">{{ include.title | default: 'Customers' }}</div>
+		<div class="text-muted fw-normal mt-0">{{ include.title | default: 'Customers' }}</div>
 		<h3 class="h2 mt-2 mb-3">{{ include.count | default: "1,850" }}</h3>
 		<p class="mb-0 text-muted">
 			{% include ui/trending.html value=include.growth %}

src/pages/_includes/ui/progress-description.html

@@ -3,11 +3,11 @@
 
 <div{% if include.class %} class="{{ include.class }}"{% endif %}>
    <div class="d-flex mb-1 align-items-center lh-1">
-      <div class="text-h5 font-weight-bolder m-0">{{ include.label | default: 'Label' }}</div>
+      <div class="fs-5 font-weight-bolder m-0">{{ include.label | default: 'Label' }}</div>
       {% if include.description %}
-         <div class="text-h6 text-muted ms-2">{{ include.description }}</div>
+         <div class="fs-6 text-muted ms-2">{{ include.description }}</div>
       {% endif %}
-      <span class="ms-auto text-h6 strong">{{ include.value }}%</span>
+      <span class="ms-auto fs-6 strong">{{ include.value }}%</span>
    </div>
    {% include ui/progress.html size=size value=include.value color=color %}
 </div>

src/scss/_utilities.scss

@@ -49,27 +49,6 @@ $utilities: (
       grabbing: grabbing,
     )
   ),
-  "font-size": (
-    property: font-size,
-    class: text,
-    values: (
-      h1: $h1-font-size,
-      h2: $h2-font-size,
-      h3: $h3-font-size,
-      h4: $h4-font-size,
-      h5: $h5-font-size,
-      h6: $h6-font-size,
-    )
-  ),
-  "font-weight": (
-    property: font-weight,
-    values: (
-      light: $font-weight-light,
-      normal: $font-weight-normal,
-      medium: $font-weight-medium,
-      bold: $font-weight-bold,
-    )
-  ),
   "border": (
     property: border,
     values: $border-values