From edc384890da5202696a631d0c71252387e50d792 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 17 Jun 2024 16:20:28 -0400
Subject: [PATCH] swap

---
 docs/docs/theming/transitions.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/docs/theming/transitions.md b/docs/docs/theming/transitions.md
index f061969f2..824edf156 100644
--- a/docs/docs/theming/transitions.md
+++ b/docs/docs/theming/transitions.md
@@ -28,14 +28,6 @@ layout: page
 
 Transitions can make interactions more lively and emphasize the relationship between a user's action and its outcome.
 
-### Easing
-
-Easing controls the standard `transition-timing-function` used for transitions throughout Web Awesome.
-
-| Custom Property          | Default Value | Preview                                                                                |
-| ------------------------ | ------------- | -------------------------------------------------------------------------------------- |
-| `--wa-transition-easing` | `ease`        | <div class="swatch" style="transition: width 600ms var(--wa-transition-easing)"></div> |
-
 ### Duration
 
 Web Awesome uses different transition durations to make it easy to track a component's state while minimizing sluggish or distracting movement.
@@ -46,4 +38,12 @@ Properties that change between frequent, incidental states, such as hover and fo
 | ------------------------ | ------------- | ------------------------------------------------------------------------------------------------------------ |
 | `--wa-transition-slow`   | `300ms`       | <div class="swatch" style="transition: width var(--wa-transition-slow) var(--wa-transition-easing)"></div>   |
 | `--wa-transition-normal` | `150ms`       | <div class="swatch" style="transition: width var(--wa-transition-normal) var(--wa-transition-easing)"></div> |
-| `--wa-transition-fast`   | `75ms`        | <div class="swatch" style="transition: width var(--wa-transition-fast) var(--wa-transition-easing)"></div>   |
\ No newline at end of file
+| `--wa-transition-fast`   | `75ms`        | <div class="swatch" style="transition: width var(--wa-transition-fast) var(--wa-transition-easing)"></div>   |
+
+### Easing
+
+Easing controls the standard `transition-timing-function` used for transitions throughout Web Awesome.
+
+| Custom Property          | Default Value | Preview                                                                                |
+| ------------------------ | ------------- | -------------------------------------------------------------------------------------- |
+| `--wa-transition-easing` | `ease`        | <div class="swatch" style="transition: width 600ms var(--wa-transition-easing)"></div> |