Merge branch 'ouds/main-lmp-tokens-font' into ouds/main-his-btn-comp

Orange-OpenSource · Nov 27, 2024 · b88881e · b88881e
2 parents e3ba034 + 17917f9
commit b88881e
Show file tree

Hide file tree

Showing 10 changed files with 176 additions and 242 deletions.
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
@@ -134,12 +134,11 @@ $utilities: map-merge(
     ),
     "translate-middle": (
       property: transform,
-      class: translate,
+      class: translate-middle,
       values: (
-        middle: translate(-50%, -50%), // OUDS mod: instead of `null`
-        middle-x: translateX(-50%), // OUDS mod: instead of `x`
-        middle-y: translateY(-50%), // OUDS mod: instead of `y`
-        none: none // OUDS mod
+        null: translate(-50%, -50%),
+        x: translateX(-50%),
+        y: translateY(-50%),
       )
     ),
     // scss-docs-end utils-position

diff --git a/scss/helpers/_icon.scss b/scss/helpers/_icon.scss
@@ -5,14 +5,7 @@
   width: 1em;
   height: 1em;
   line-height: 1;
-  vertical-align: middle;
   fill: currentcolor;
-  transform: translateY(-7%);
-
-  // Overrides Solaris icons default
-  &::before {
-    vertical-align: baseline !important; // stylelint-disable-line declaration-no-important
-  }
 }
 // scss-docs-end ouds-font-icon-common
 

diff --git a/site/content/404.md b/site/content/404.md
@@ -9,6 +9,6 @@ sitemap:
 ---
 
 <div class="text-center py-huge">
-  <h1 class="display-1">404</h1>
-  <h2>File not found</h2>
+  <h1 class="mx-auto display-1">404</h1>
+  <h2 class="mx-auto">File not found</h2>
 </div>
diff --git a/site/content/docs/0.0/content/typography.md b/site/content/docs/0.0/content/typography.md
@@ -108,8 +108,8 @@ We provide `.display-*` from `1` through `3`. Each class sets `font-size` but al
 </details>
 
 <div class="bd-example">
-  <div class="display-large pb-3 mb-3 border-bottom">Display large</div>
-  <div class="display-medium pb-3 mb-3 border-bottom">Display medium</div>
+  <div class="display-large pb-tall mb-tall border-bottom">Display large</div>
+  <div class="display-medium pb-tall mb-tall border-bottom">Display medium</div>
   <div class="display-small">Display small</div>
 </div>
 

diff --git a/site/content/docs/0.0/helpers/icon.md b/site/content/docs/0.0/helpers/icon.md
diff --git a/site/content/docs/0.0/migration-from-boosted.md b/site/content/docs/0.0/migration-from-boosted.md
@@ -155,10 +155,6 @@ All responsive classes, helpers, and utilities have been updated accordingly to
 - <span class="badge text-bg-danger">Breaking</span> `.opacity-0`, `.opacity-25`, `.opacity-50`, `.opacity-75` and `.opacity-100` have been removed from the default build. Please check the new [opacity values]({{< docsref "/utilities/opacity" >}}) directly in the documentation and adapt your websites to them. You can still have them using `$enable-bootstrap-compatibility`.
 - <span class="badge text-bg-success">New</span> Opacity utilities: `.opacity-transparent`, `.opacity-weaker`, `.opacity-weak`, `.opacity-medium`, `.opacity-strong` and `.opacity-opaque`.
 
-### Position
-
-- <span class="badge text-bg-success">New</span> Transform utility: `.transform-none`.
-
 ### Shadow
 
 - <span class="badge text-bg-danger">Breaking</span> `.shadow`, `.shadow-sm` and `.shadow-lg` have been removed from the default build. Please check the new [shadows values]({{< docsref "/utilities/shadows" >}}) directly in the documentation and adapt your websites to them. You can still have them using `$enable-bootstrap-compatibility`.

diff --git a/site/content/docs/0.0/migration.md b/site/content/docs/0.0/migration.md
@@ -104,10 +104,6 @@ toc: true
 
 - <span class="badge text-bg-danger">Breaking</span> Opacity utilities: `.opacity-emphasis` has been renamed to `.opacity-strong`.
 
-#### Position
-
-- <span class="badge text-bg-success">New</span> Transform utility: `.transform-none`.
-
 #### Shadow
 
 - <span class="badge text-bg-success">New</span> Shadows utilities:

diff --git a/site/content/docs/0.0/utilities/position.md b/site/content/docs/0.0/utilities/position.md
@@ -117,17 +117,6 @@ You can use these classes with existing components to create new ones. Remember
 </div>
 {{< /example >}}-->
 
-## Reset
-
-Reset the `transform` by adding the `.translate-none`.
-
-{{< example >}}
-<a class="icon-link icon-link-hover" style="--bs-icon-link-transform: translate3d(0, -.125rem, 0);" href="#">
-  <svg class="bi translate-none" aria-hidden="true"><use xlink:href="#clipboard"></use></svg>
-  Icon link
-</a>
-{{< /example >}}
-
 ## CSS
 
 ### Sass maps

diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html
@@ -23,7 +23,7 @@ <h1 class="mb-tall display-large">Build fast, responsive sites with OUDS Web</h1
           Read the docs
         </a>
       </div>
-      <p class="text-body-secondary mb-none">
+      <p class="text-body-secondary mx-auto mb-none">
         Currently <strong>v{{ .Site.Params.current_version }}</strong>
         <span class="px-shortest">&middot;</span>
         <a href="/docs/{{ .Site.Params.docs_version }}/getting-started/download/" class="link-secondary">Download</a>

diff --git a/site/layouts/shortcodes/svg-docs.html b/site/layouts/shortcodes/svg-docs.html
@@ -33,7 +33,7 @@
   {{ $target = replace $target "(" "%28" }}
   {{ $target = replace $target ")" "%29" }}
 
-  <p class="text-end">
+  <p class="ms-auto text-end">
     <a class="btn btn-primary" href="data:image/svg+xml,{{ $target }}" download="{{ delimit $output "" }}">
       Download<span class="small ms-shortest">(SVG, {{div $size 1000}}ko)</span>
     </a>