fix(docs): add the forgotten .border-*, .opacity-* and a `.ms-aut…

…o` misplaced in the previous PRs (#2806)

site/content/docs/0.0/content/reboot.md

@@ -146,8 +146,8 @@ The `<hr>` element has been simplified. Similar to browser defaults, `<hr>`s are
   <hr>
 </div>
 
-<hr class="border border-danger border-2 opacity-50">
-<hr class="border border-primary border-3 opacity-75">-->
+<hr class="border border-danger border-medium opacity-medium">
+<hr class="border border-primary border-thick opacity-strong">-->
 
 <!-- ## Lists
 

site/content/docs/0.0/examples/font/index.html

@@ -12,8 +12,8 @@ <h1 class="display-large">Page title.</h1>
   <h2>H2 title with <code>code</code> and a very very very very very very very very very very very very very very very very very very very very very very very very very very very long title</h2>
   <p>Default body paragraph. <code>Code.</code> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam molestie urna eget congue congue. Integer malesuada ullamcorper sem eu dignissim. Proin tristique <del>bibendum</del> tellus. Donec auctor in lectus non laoreet. Morbi placerat velit neque, vitae elementum justo blandit eu. Pellentesque ut blandit tellus. <abbr title="HyperText Markup Language">HTML</abbr> Nunc blandit dolor lacus, sed venenatis erat maximus et. <a href="#">Default link</a> Vestibulum eu mi nec elit finibus feugiat. Vestibulum commodo, leo quis hendrerit egestas, <mark>turpis eros</mark> ultrices diam, vitae volutpat leo nisl nec mauris. <b>Vestibulum in quam et mauris bibendum efficitur.</b> <small>hIn porttitor enim consectetur odio mollis, at fermentum velit volutpat.</small> Vestibulum facilisis, mauris eu viverra vestibulum, erat nunc volutpat justo, id finibus nisi purus ultricies ante. Mauris consectetur magna vel mollis fermentum. Aenean lacus mi, tempor at mi in, efficitur gravida lectus. Curabitur in massa ultrices, hendrerit nisl ut, lobortis elit. <kbd><kbd>Ctrl</kbd> \+ <kbd>,</kbd></kbd> Nunc sagittis nisi ut nulla eleifend iaculis. CO<sub>2</sub> and 3m<sup>2</sup></p>
   <figure class="text-end">
-    <blockquote class="blockquote ms-auto">
-      <p>A well-known quote, contained in a blockquote element.</p>
+    <blockquote class="blockquote">
+      <p class="ms-auto">A well-known quote, contained in a blockquote element.</p>
     </blockquote>
     <figcaption class="blockquote-footer ms-auto">
       Someone famous in <cite title="Source Title">Source Title</cite>

site/layouts/partials/docs-navbar.html

@@ -22,7 +22,7 @@
         <span class="navbar-toggler-icon"></span>
       </button>
 
-      <div id="bd-navbar1" class="navbar-collapse collapse me-lg-auto bd-navbar mb-none border-0">
+      <div id="bd-navbar1" class="navbar-collapse collapse me-lg-auto bd-navbar mb-none border-none">
         <ul class="navbar-nav">
           <li class="nav-item">
             <a class="nav-link{{ if .IsHome }} active" aria-current="page{{ end }}" href="/" onclick="dataLayer.push({'event': 'clic', 'site_name':'accessibility-boosted', 'phase':'prod', 'track_category':'navbar', 'track_name':'home'});">Home</a>
@@ -35,7 +35,7 @@
           </li>
         </ul>
       </div>
-      <div id="bd-navbar2" class="navbar-collapse collapse bd-navbar border-0">
+      <div id="bd-navbar2" class="navbar-collapse collapse bd-navbar border-none">
         <ul class="navbar-nav flex-row me-lg-tall">
           <li class="nav-item">
             <a class="nav-link nav-icon" href="{{ .Site.Params.repo }}" target="_blank" rel="noopener">

site/layouts/shortcodes/example.html

@@ -22,7 +22,7 @@
 <div class="bd-example-snippet bd-code-snippet">
   {{- if eq $show_preview true }}
   <!-- OUDS mod: added `order-first` to handle the focus order -->
-  <div{{ with $id }} id="{{ . }}"{{ end }} class="bd-example order-first m-none border-0{{ with $class }} {{ . }}{{ end }}">
+  <div{{ with $id }} id="{{ . }}"{{ end }} class="bd-example order-first m-none border-none{{ with $class }} {{ . }}{{ end }}">
     {{ $content }}
   </div>
   {{- end }}
@@ -37,7 +37,7 @@
 
     {{- if eq $show_preview true -}}
       <!-- OUDS mod: added `order-first` to handle the focus order -->
-      <div class="d-flex order-first align-items-center highlight-toolbar ps-tall pe-short py-shortest border-0 border-top border-bottom border-subtle border-1">
+      <div class="d-flex order-first align-items-center highlight-toolbar ps-tall pe-short py-shortest border-none border-top border-bottom border-subtle border-thin">
         <small class="font-monospace text-body-secondary text-uppercase">{{ $lang }}</small>
         <div class="d-flex ms-auto">
           <button type="button" class="btn-edit text-nowrap"{{ with $stackblitz_add_js }} data-sb-js-snippet="{{ $stackblitz_add_js }}"{{ end }} title="Try it on StackBlitz">

site/layouts/shortcodes/js-docs.html

@@ -33,8 +33,8 @@
   {{- end -}}
 
   <div class="bd-example-snippet bd-code-snippet bd-file-ref">
-    <!-- OUDS mod: added `.border-1` and `.border-subtle` -->
-    <div class="d-flex align-items-center highlight-toolbar ps-tall pe-short py-shortest border-bottom border-1 border-subtle">
+    <!-- OUDS mod: added `.border-thin` and `.border-subtle` -->
+    <div class="d-flex align-items-center highlight-toolbar ps-tall pe-short py-shortest border-bottom border-thin border-subtle">
       <!-- OUDS mod: added `me-5` -->
       <a class="me-huge font-monospace link-body-emphasis link-underline-secondary link-underline-opacity-0 link-underline-opacity-100-hover small" href="{{ .Site.Params.repo }}/blob/v{{ .Site.Params.current_version }}/{{ $file | replaceRE `\\` "/" }}">
         {{- $file -}}

site/layouts/shortcodes/scss-docs.html

@@ -46,8 +46,8 @@
   {{- end -}}
 
   <div class="bd-example-snippet bd-code-snippet bd-file-ref">
-    <!-- OUDS mod: added `.border-1` and `.border-subtle` -->
-    <div class="d-flex align-items-center highlight-toolbar ps-tall pe-short py-shortest border-bottom border-1 border-subtle">
+    <!-- OUDS mod: added `.border-thin` and `.border-subtle` -->
+    <div class="d-flex align-items-center highlight-toolbar ps-tall pe-short py-shortest border-bottom border-thin border-subtle">
       <!-- OUDS mod: added `me-5` -->
       <a class="me-huge font-monospace link-body-emphasis link-underline-secondary link-underline-opacity-0 link-underline-opacity-100-hover small" href="{{ .Site.Params.repo }}/blob/v{{ .Site.Params.current_version }}/{{ $file | replaceRE `\\` "/" }}">
         {{- $file -}}