From ab91ab1a89ef3bbad5de0eea6e4b76ceaef593f5 Mon Sep 17 00:00:00 2001 From: lindsaym-fa Date: Tue, 18 Jun 2024 17:28:36 -0400 Subject: [PATCH] add outlines to Getting Started and Theming docs --- docs/docs/customizing.md | 2 +- docs/docs/installation.md | 2 +- docs/docs/localization.md | 2 +- docs/docs/themes.md | 2 +- docs/docs/theming/borders.md | 2 +- docs/docs/theming/color.md | 2 +- docs/docs/theming/component-groups.md | 2 +- docs/docs/theming/focus.md | 2 +- docs/docs/theming/shadows.md | 2 +- docs/docs/theming/space.md | 2 +- docs/docs/theming/transitions.md | 2 +- docs/docs/theming/typography.md | 2 +- docs/docs/usage.md | 2 +- 13 files changed, 13 insertions(+), 13 deletions(-) diff --git a/docs/docs/customizing.md b/docs/docs/customizing.md index a8938dd06..bcddae924 100644 --- a/docs/docs/customizing.md +++ b/docs/docs/customizing.md @@ -1,7 +1,7 @@ --- title: Customizing description: Learn how to customize Web Awesome through parts and custom properties. -layout: page +layout: page-outline --- Web Awesome components can be customized at a high level through a theming API. This gives you control over theme colors and general styling. For more advanced customizations, you can make use of CSS parts and custom properties to target individual components. diff --git a/docs/docs/installation.md b/docs/docs/installation.md index af4be9fff..cc54036e4 100644 --- a/docs/docs/installation.md +++ b/docs/docs/installation.md @@ -1,7 +1,7 @@ --- title: Installation description: Choose the installation method that works best for you. -layout: page +layout: page-outline --- Welcome to the Web Awesome alpha release for early backers! 👋 diff --git a/docs/docs/localization.md b/docs/docs/localization.md index 64996828f..40c896244 100644 --- a/docs/docs/localization.md +++ b/docs/docs/localization.md @@ -1,7 +1,7 @@ --- title: Localization description: Discover how to localize Web Awesome with minimal effort. -layout: page +layout: page-outline --- Components can be localized by importing the appropriate translation file and setting the desired [`lang`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang) and/or [`dir`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir) attributes on the `` element. Here's an example that renders Web Awesome components in Spanish. diff --git a/docs/docs/themes.md b/docs/docs/themes.md index 25c6918a0..02ce40979 100644 --- a/docs/docs/themes.md +++ b/docs/docs/themes.md @@ -1,7 +1,7 @@ --- title: Themes description: Everything you need to know about theming Web Awesome. -layout: page +layout: page-outline --- Web Awesome is designed to be highly customizable through pure CSS. Out of the box, the default theme includes both light and dark styles. Alternatively, you can design your own theme. diff --git a/docs/docs/theming/borders.md b/docs/docs/theming/borders.md index 856c876c6..ab912e3a6 100644 --- a/docs/docs/theming/borders.md +++ b/docs/docs/theming/borders.md @@ -1,7 +1,7 @@ --- title: Borders description: Change the edges and corners of your components with Web Awesome's border properties. -layout: page +layout: page-outline --- ## Style diff --git a/docs/docs/theming/color.md b/docs/docs/theming/color.md index 27d9b2f23..196ef4beb 100644 --- a/docs/docs/theming/color.md +++ b/docs/docs/theming/color.md @@ -1,7 +1,7 @@ --- title: Color description: Ensure consistent use of color and readable contrast with Web Awesome's color properties. -layout: page +layout: page-outline ---