fix: renamed .font-weight- utilities as .fw- (#3979)

ng-bootstrap · May 12, 2021 · 1c2add3 · 1c2add3
1 parent 09eb6b2
commit 1c2add3
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/demo/src/app/components/datepicker/demos/custommonth/datepicker-custommonth.html b/demo/src/app/components/datepicker/demos/custommonth/datepicker-custommonth.html
@@ -16,7 +16,7 @@
                   navigation="none">
     <ng-template ngbDatepickerContent>
       <div *ngFor="let month of dp.state.months">
-        <div class="text-primary p-1 font-weight-bold">{{ i18n.getMonthShortName(month.month) }} {{ month.year }}</div>
+        <div class="text-primary p-1 fw-bold">{{ i18n.getMonthShortName(month.month) }} {{ month.year }}</div>
         <ngb-datepicker-month class="border rounded" [month]="month"></ngb-datepicker-month>
       </div>
     </ng-template>

diff --git a/demo/src/app/components/nav/demos/dynamic/nav-dynamic.html b/demo/src/app/components/nav/demos/dynamic/nav-dynamic.html
@@ -2,7 +2,7 @@
   <li *ngFor="let id of tabs" [ngbNavItem]="id">
     <a ngbNavLink>
       Tab {{ id }}
-      <span class="close position-relative ps-2 font-weight-light" (click)="close($event, id)">×</span>
+      <span class="close position-relative ps-2 fw-light" (click)="close($event, id)">×</span>
     </a>
     <ng-template ngbNavContent>
       <p>Tab {{ id }} content</p>

diff --git a/demo/src/app/components/shared/api-docs/api-docs-class.component.html b/demo/src/app/components/shared/api-docs/api-docs-class.component.html
@@ -8,7 +8,7 @@ <h3>
       <img src="img/link-symbol.svg" alt="Anchor link to: {{apiDocs.className}}"/>
     </a>
     <span>
-      {{apiDocs.className}}<span class="text-muted font-weight-light" *ngIf="apiDocs.typeParameter">&lt;{{apiDocs.typeParameter}}&gt;</span>
+      {{apiDocs.className}}<span class="text-muted fw-light" *ngIf="apiDocs.typeParameter">&lt;{{apiDocs.typeParameter}}&gt;</span>
     </span>
     <a
       class="github-link"

diff --git a/demo/src/app/components/shared/api-docs/api-docs-config.component.html b/demo/src/app/components/shared/api-docs/api-docs-config.component.html
@@ -9,7 +9,7 @@ <h3>
       <img src="img/link-symbol.svg" alt="Anchor link to: {{apiDocs.className}}"/>
     </a>
     <span>
-      {{apiDocs.className}}<span class="text-muted font-weight-light" *ngIf="apiDocs.typeParameter">&lt;{{apiDocs.typeParameter}}&gt;</span>
+      {{apiDocs.className}}<span class="text-muted fw-light" *ngIf="apiDocs.typeParameter">&lt;{{apiDocs.typeParameter}}&gt;</span>
     </span>
     <a
       class="github-link"

diff --git a/demo/src/app/components/shared/api-docs/api-docs.component.html b/demo/src/app/components/shared/api-docs/api-docs.component.html
@@ -8,7 +8,7 @@ <h3 class="title">
       <img src="img/link-symbol.svg" alt="Anchor link to: {{apiDocs.className}}"/>
     </a>
     <span>
-      {{apiDocs.className}}<span class="text-muted font-weight-light" *ngIf="apiDocs.typeParameter">&lt;{{apiDocs.typeParameter}}&gt;</span>
+      {{apiDocs.className}}<span class="text-muted fw-light" *ngIf="apiDocs.typeParameter">&lt;{{apiDocs.typeParameter}}&gt;</span>
     </span>
     <a
       class="github-link"

diff --git a/demo/src/app/pages/getting-started/getting-started.component.html b/demo/src/app/pages/getting-started/getting-started.component.html
@@ -156,7 +156,7 @@ <h5>Bootstrap (CSS only)</h5>
         <ngbd-code [snippet]="bootstrapCss"></ngbd-code>
 
         <ngb-alert type="warning" [dismissible]="false" class="mt-3">
-          <p class="font-weight-bold" style="font-size: 1.1rem">
+          <p class="fw-bold" style="font-size: 1.1rem">
             Should I add Bootstrap JavaScript files to my project?
           </p>