Extract class list to element style

simonhamp · simonhamp · commit 0cf2b44466e1 · 2025-11-26T16:54:00.000Z
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -297,3 +297,7 @@ nav.docs-navigation > ul > li > ul {
     filter: blur(0px);
     opacity: 1;
 }
+
+.prose aside {
+    @apply relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35;
+}
diff --git a/resources/views/docs/desktop/1/getting-started/status.md b/resources/views/docs/desktop/1/getting-started/status.md
@@ -17,7 +17,7 @@ your ideas and questions through the [forum](https://github.com/orgs/nativephp/d
 [raising issues](https://github.com/nativephp/laravel/issues/new/choose)/reporting bugs, and discussing on
 [Discord]({{ $discordLink }}).
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Can you sponsor?
 
diff --git a/resources/views/docs/desktop/2/getting-started/status.md b/resources/views/docs/desktop/2/getting-started/status.md
@@ -17,7 +17,7 @@ your ideas and questions through the [forum](https://github.com/orgs/nativephp/d
 [raising issues](https://github.com/nativephp/desktop/issues/new/choose)/reporting bugs, and discussing on
 [Discord]({{ $discordLink }}).
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Can you sponsor?
 
diff --git a/resources/views/docs/mobile/1/concepts/databases.md b/resources/views/docs/mobile/1/concepts/databases.md
@@ -124,7 +124,7 @@ Generating tokens is cheap; leaking personal customer data can get _very_ expens
 
 Use industry-standard tools like OAuth-2.0-based providers, Laravel Passport, or Laravel Sanctum.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 [Laravel Sanctum](https://laravel.com/docs/sanctum) is an ideal solution for API authentication between your mobile app and Laravel backend.
 It provides secure, token-based authentication without the complexity of OAuth.
diff --git a/resources/views/docs/mobile/1/concepts/push-notifications.md b/resources/views/docs/mobile/1/concepts/push-notifications.md
@@ -17,7 +17,7 @@ your app will receive the token.
 When you want to send a notification to that user, you pass this token along with a request to the FCM service and
 Firebase handles sending the message to the right device.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 FCM automatically routes notifications through Apple's Push Notification Service (APNS) behind the scenes - you don't
 need to configure APNS separately. You only need to configure Firebase with access to your APNS account.
@@ -86,7 +86,7 @@ class PushNotifications extends Component
 Once you have a token, you may use it from your server-side applications to trigger Push Notifications directly to your
 user's device.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 The server-side implementation is out of scope for this documentation.
 
diff --git a/resources/views/docs/mobile/1/getting-started/development.md b/resources/views/docs/mobile/1/getting-started/development.md
@@ -13,7 +13,7 @@ But when you want to test _native_ features, then you must run your app on a rea
 Whether you run your native app on an emulated or real device, it will always require compilation after changes have
 been made.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Platforms
 
@@ -69,7 +69,7 @@ php artisan native:run --build=debug
 This single command takes care of everything and allows you to run new builds of your application without having to
 learn any new editors or platform-specific tools.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Rule of thumb
 
@@ -111,7 +111,7 @@ changes to any files in your Laravel app, the web view will be reloaded and your
 
 The proper way to implement this is to first `run` your app on your device/emulator, then start HMR with `npm run dev` then in a separate terminal run the `native:watch` command. This will reload any Blade/Livewire files as well as any recompiled assets (css/js etc).
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Note
 
@@ -186,7 +186,7 @@ submit it to the stores for approval and distribution.
 - [Google Play Store submission guidelines](https://support.google.com/googleplay/android-developer/answer/9859152?hl=en-GB#zippy=%2Cmaximum-size-limit)
 - [Apple App Store submission guidelines](https://developer.apple.com/ios/submit/)
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Skip the prompts
 
diff --git a/resources/views/docs/mobile/1/getting-started/environment-setup.md b/resources/views/docs/mobile/1/getting-started/environment-setup.md
@@ -14,7 +14,7 @@ Windows is with [Laravel Herd](https://herd.laravel.com). It's fast and free!
 
 ## iOS Requirements
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Heads up!
 
@@ -70,7 +70,7 @@ to develop and test your apps on a Simulator. However, you will need to enroll w
 2. Android SDK with API 33 or higher
 3. **Windows only**: You must have [7zip](https://www.7-zip.org/) installed.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Note
 
diff --git a/resources/views/docs/mobile/1/getting-started/installation.md b/resources/views/docs/mobile/1/getting-started/installation.md
@@ -22,7 +22,7 @@ Thank you for supporting the project in this way! 🙏
 
 ## Install the Composer package
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### We love Laravel
 
@@ -46,13 +46,13 @@ Then run:
 ```shell
 composer require nativephp/mobile
 ```
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 If you experience a cURL error when running this command, make sure you are running PHP 8.3+ in your CLI.
 
 </aside>
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Windows Performance Tip
 
@@ -81,7 +81,7 @@ NATIVEPHP_APP_VERSION_CODE="1"
 Find out more about these options in
 [Configuration](/docs/getting-started/configuration#codenativephp-app-idcode).
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Setting your Apple Developer Team ID
 
@@ -108,7 +108,7 @@ your application relies on the `intl` PHP extension.
 
 If you don't need `intl` or are not sure, choose the default, non-ICU builds.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Planning to use Filament?
 
diff --git a/resources/views/docs/mobile/1/getting-started/quick-start.md b/resources/views/docs/mobile/1/getting-started/quick-start.md
@@ -5,7 +5,7 @@ order: 2
 
 ## Let's go!
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### License Required!
 
diff --git a/resources/views/docs/mobile/1/getting-started/roadmap.md b/resources/views/docs/mobile/1/getting-started/roadmap.md
@@ -33,7 +33,7 @@ We're working on adding more and more features, including (in no particular orde
  - Ads
  - In-app billing
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Something missing?
 
diff --git a/resources/views/docs/mobile/1/the-basics/app-icon.md b/resources/views/docs/mobile/1/the-basics/app-icon.md
@@ -18,7 +18,7 @@ Place a single high-resolution icon file at: `public/icon.png`.
 This image will be automatically resized for all Android densities and used as the base iOS app icon.
 You must have the GD extension installed in your development machine's PHP environment for this to work.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 If you do not provide a custom app icon, a default one will be used.
 
diff --git a/resources/views/docs/mobile/1/the-basics/assets.md b/resources/views/docs/mobile/1/the-basics/assets.md
@@ -16,7 +16,7 @@ latest styles and JavaScript are included, always run `npm run build` before run
 NativePHP will include all files from the root of your Laravel application. So you can store any files that you wish to
 make available to your application wherever makes the most sense for you.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Accessing arbitrary files
 
diff --git a/resources/views/docs/mobile/1/the-basics/native-functions.md b/resources/views/docs/mobile/1/the-basics/native-functions.md
@@ -21,7 +21,7 @@ Laravel Facades for ease of access and testing:
 - `Native\Mobile\Facades\SecureStorage`
 - `Native\Mobile\Facades\System`
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Found a bug?
 
diff --git a/resources/views/docs/mobile/1/the-basics/web-view.md b/resources/views/docs/mobile/1/the-basics/web-view.md
@@ -111,7 +111,7 @@ The possible options are:
 - `light` - ideal if your app's background is dark-colored
 - `dark` - better if your app's background is light-colored
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Missing Config Keys?
 
diff --git a/resources/views/docs/mobile/2/concepts/ci-cd.md b/resources/views/docs/mobile/2/concepts/ci-cd.md
@@ -8,7 +8,7 @@ order: 500
 NativePHP for Mobile provides robust CLI commands designed for automated CI/CD environments. With proper configuration,
 you can build, package, and deploy mobile apps without manual intervention.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### There's an Easier Way
 
diff --git a/resources/views/docs/mobile/2/concepts/databases.md b/resources/views/docs/mobile/2/concepts/databases.md
@@ -124,7 +124,7 @@ Generating tokens is cheap; leaking personal customer data can get _very_ expens
 
 Use industry-standard tools like OAuth-2.0-based providers, Laravel Passport, or Laravel Sanctum.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 [Laravel Sanctum](https://laravel.com/docs/sanctum) is an ideal solution for API authentication between your mobile app and Laravel backend.
 It provides secure, token-based authentication without the complexity of OAuth.
diff --git a/resources/views/docs/mobile/2/concepts/push-notifications.md b/resources/views/docs/mobile/2/concepts/push-notifications.md
@@ -17,7 +17,7 @@ your app will receive the token.
 When you want to send a notification to that user, you pass this token along with a request to the FCM service and
 Firebase handles sending the message to the right device.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 FCM automatically routes notifications through Apple's Push Notification Service (APNS) behind the scenes - you don't
 need to configure APNS separately. You only need to configure Firebase with access to your APNS account.
@@ -86,7 +86,7 @@ class PushNotifications extends Component
 Once you have a token, you may use it from your server-side applications to trigger Push Notifications directly to your
 user's device.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 The server-side implementation is out of scope for this documentation.
 
diff --git a/resources/views/docs/mobile/2/getting-started/configuration.md b/resources/views/docs/mobile/2/getting-started/configuration.md
@@ -155,7 +155,7 @@ With NativePHP, your app can work on iPad too! If you wish to support iPad, simp
 
 Using standard CSS responsive design principles, you can make your app work beautifully across all screen sizes. 
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Once iPad, Always iPad
 
diff --git a/resources/views/docs/mobile/2/getting-started/development.md b/resources/views/docs/mobile/2/getting-started/development.md
@@ -12,7 +12,7 @@ But when you want to test _native_ features, then you must run your app on a rea
 
 Whether you run your native app on an emulated or real device, it will require compilation after changes have been made.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Platforms
 
@@ -76,7 +76,7 @@ php artisan native:run
 This single command takes care of everything and allows you to run new builds of your application without having to
 learn any new editors or platform-specific tools.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Rule of thumb
 
@@ -130,7 +130,7 @@ changes to any files in your Laravel app, the web view will be reloaded and your
 Vite HMR is perfect for apps that use SPA frameworks like Vue or React to build the UI. It even works on real devices,
 not just simulators! As long as the device is on the same network as the development machine.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Livewire and HMR on real devices
 
@@ -144,7 +144,7 @@ Depending on which order you run these commands, you may find that hot reloading
 best to get the commands running, get your app open, and then make a request to a new screen to allow your app to pick
 up the `hot` file's presence and connect to the HMR server.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Hot reloading config
 
@@ -208,7 +208,7 @@ submit it to the stores for approval and distribution.
 - [Google Play Store submission guidelines](https://support.google.com/googleplay/android-developer/answer/9859152?hl=en-GB#zippy=%2Cmaximum-size-limit)
 - [Apple App Store submission guidelines](https://developer.apple.com/ios/submit/)
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Skip the prompts
 
diff --git a/resources/views/docs/mobile/2/getting-started/environment-setup.md b/resources/views/docs/mobile/2/getting-started/environment-setup.md
@@ -14,7 +14,7 @@ Windows is with [Laravel Herd](https://herd.laravel.com). It's fast and free!
 
 ## iOS Requirements
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Heads up!
 
@@ -71,7 +71,7 @@ to develop and test your apps on a Simulator. However, you will need to enroll w
 2. Android SDK with API 33 or higher
 3. **Windows only**: You must have [7zip](https://www.7-zip.org/) installed.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### JDK Version Compatibility
 
diff --git a/resources/views/docs/mobile/2/getting-started/installation.md b/resources/views/docs/mobile/2/getting-started/installation.md
@@ -22,7 +22,7 @@ Thank you for supporting the project in this way! 🙏
 
 ## Install the Composer package
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### We love Laravel
 
@@ -46,21 +46,21 @@ Then run:
 ```shell
 composer require nativephp/mobile
 ```
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 If you experience a cURL error when running this command, make sure you are running PHP 8.3+ in your CLI.
 
 </aside>
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### WSL Not Supported
 
 NativePHP does NOT work in WSL (Windows Subsystem for Linux). You must install and run NativePHP directly on Windows.
 
 </aside>
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Windows Performance Tip
 
@@ -89,7 +89,7 @@ NATIVEPHP_APP_VERSION_CODE="1"
 Find out more about these options in
 [Configuration](/docs/getting-started/configuration#codenativephp-app-idcode).
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Setting your Apple Developer Team ID
 
@@ -116,7 +116,7 @@ your application relies on the `intl` PHP extension.
 
 If you don't need `intl` or are not sure, choose the default, non-ICU builds.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Planning to use Filament?
 
diff --git a/resources/views/docs/mobile/2/getting-started/packaging.md b/resources/views/docs/mobile/2/getting-started/packaging.md
@@ -7,7 +7,7 @@ order: 300
 
 The `native:package` command creates signed, production-ready apps for distribution to the App Store and Play Store. This command handles all the complexity of code signing, building release artifacts, and preparing files for submission.
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### There's an Easier Way
 
diff --git a/resources/views/docs/mobile/2/getting-started/quick-start.md b/resources/views/docs/mobile/2/getting-started/quick-start.md
@@ -5,7 +5,7 @@ order: 2
 
 ## Let's go!
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### License Required!
 
@@ -43,7 +43,7 @@ You must set a `NATIVEPHP_APP_ID` in your `.env` file:
 NATIVEPHP_APP_ID=com.cocacola.cokezero
 ```
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### App ID Rules
 
diff --git a/resources/views/docs/mobile/2/getting-started/roadmap.md b/resources/views/docs/mobile/2/getting-started/roadmap.md
@@ -28,7 +28,7 @@ We're working on adding more and more features, including (in no particular orde
  - Ads
  - In-app purchases and wallet payments
 
-<aside class="relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35">
+<aside>
 
 #### Something missing?
 
diff --git a/resources/views/docs/mobile/2/the-basics/app-icon.md b/resources/views/docs/mobile/2/the-basics/app-icon.md
diff --git a/resources/views/docs/mobile/2/the-basics/assets.md b/resources/views/docs/mobile/2/the-basics/assets.md
diff --git a/resources/views/docs/mobile/2/the-basics/native-functions.md b/resources/views/docs/mobile/2/the-basics/native-functions.md
diff --git a/resources/views/docs/mobile/2/the-basics/web-view.md b/resources/views/docs/mobile/2/the-basics/web-view.md

Original file line number	Diff line number	Diff line change
`@@ -297,3 +297,7 @@ nav.docs-navigation > ul > li > ul {`
`297`	`297`	`filter: blur(0px);`
`298`	`298`	`opacity: 1;`
`299`	`299`	`}`
	`300`	`+`
	`301`	`+.prose aside {`
	`302`	`+ @apply relative z-0 mt-5 overflow-hidden rounded-2xl bg-gradient-to-tl from-transparent to-violet-100/75 px-5 ring-1 ring-black/5 dark:from-slate-900/30 dark:to-indigo-900/35;`
	`303`	`+}`