diff --git a/articles/styling/advanced/loading-styles-dynamically.adoc b/articles/styling/advanced/loading-styles-dynamically.adoc index 85c04c5f57..678526ad3a 100644 --- a/articles/styling/advanced/loading-styles-dynamically.adoc +++ b/articles/styling/advanced/loading-styles-dynamically.adoc @@ -1,6 +1,6 @@ --- title: Loading Stylesheets Dynamically -description: Explains how dynamically to load style sheets. +description: Explains how dynamically to load stylesheets. order: 70 --- diff --git a/articles/styling/advanced/themes-for-embedded.adoc b/articles/styling/advanced/themes-for-embedded.adoc index fc8a10b763..0ac9e9194b 100644 --- a/articles/styling/advanced/themes-for-embedded.adoc +++ b/articles/styling/advanced/themes-for-embedded.adoc @@ -1,6 +1,6 @@ --- title: Application Themes for Embedded Components -description: Straightforward explanation on embedding themes in an application's components. +description: Things to consider when using a custom theme for embedded applications. order: 90 --- diff --git a/articles/styling/legacy/css-import.adoc b/articles/styling/legacy/css-import.adoc index 31502693a8..65aeb9a15b 100644 --- a/articles/styling/legacy/css-import.adoc +++ b/articles/styling/legacy/css-import.adoc @@ -1,6 +1,6 @@ --- title: CssImport Annotation -description: Information on the an earlier annotation for importing style sheets. +description: Information on the legacy CssImport annotation for importing stylesheets. --- diff --git a/articles/styling/legacy/material-theme/index.adoc b/articles/styling/legacy/material-theme/index.adoc index 16e7040268..46056978f5 100644 --- a/articles/styling/legacy/material-theme/index.adoc +++ b/articles/styling/legacy/material-theme/index.adoc @@ -1,6 +1,7 @@ --- title: Material Theme -description: Information on the Material Theme, which is not being developed further. +description: Information on the Material theme, which is not being developed further. + order: 10 --- diff --git a/articles/styling/legacy/material-theme/typography.adoc b/articles/styling/legacy/material-theme/typography.adoc index 482a55d7a6..4eff4f58e9 100644 --- a/articles/styling/legacy/material-theme/typography.adoc +++ b/articles/styling/legacy/material-theme/typography.adoc @@ -1,6 +1,7 @@ --- title: Typography -description: Description and table of Material style settings related to displaying and formatting text. +description: Material theme style properties related to displaying and formatting text. + order: 10 --- diff --git a/articles/styling/lumo/lumo-style-properties/color.adoc b/articles/styling/lumo/lumo-style-properties/color.adoc index 62724638f1..3d8cf5f632 100644 --- a/articles/styling/lumo/lumo-style-properties/color.adoc +++ b/articles/styling/lumo/lumo-style-properties/color.adoc @@ -1,6 +1,6 @@ --- title: Color -description: Tables of colors used in the Lumo theme. +description: Colors and their corresponding style properties defined in the Lumo theme. order: 10 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/color.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/elevation.adoc b/articles/styling/lumo/lumo-style-properties/elevation.adoc index aef828ce3f..08b6f9e3a0 100644 --- a/articles/styling/lumo/lumo-style-properties/elevation.adoc +++ b/articles/styling/lumo/lumo-style-properties/elevation.adoc @@ -1,6 +1,6 @@ --- title: Elevation -description: Table of Lumo elevation style properties, the visual stacking of elements in a UI. +description: Listing of Lumo elevation style properties, the visual stacking of elements in a UI. order: 50 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/style.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/interaction.adoc b/articles/styling/lumo/lumo-style-properties/interaction.adoc index 389b82eaa1..20de912a30 100644 --- a/articles/styling/lumo/lumo-style-properties/interaction.adoc +++ b/articles/styling/lumo/lumo-style-properties/interaction.adoc @@ -1,6 +1,6 @@ --- title: Interaction -description: Setting the pointer icon for an application with Lumo. +description: Lumo style properties related to how interactions are indicated in an application, mainly by different mouse cursors. order: 60 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/style.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/shape.adoc b/articles/styling/lumo/lumo-style-properties/shape.adoc index 5a4fe42442..616afbac7a 100644 --- a/articles/styling/lumo/lumo-style-properties/shape.adoc +++ b/articles/styling/lumo/lumo-style-properties/shape.adoc @@ -1,6 +1,6 @@ --- title: Shape -description: Description and table of Lumo style settings related to component shapes. +description: Describing the Lumo style properties related to component shapes. order: 40 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/style.js[Source] diff --git a/articles/styling/lumo/lumo-style-properties/size-space.adoc b/articles/styling/lumo/lumo-style-properties/size-space.adoc index 32b5853531..9b31a2fdff 100644 --- a/articles/styling/lumo/lumo-style-properties/size-space.adoc +++ b/articles/styling/lumo/lumo-style-properties/size-space.adoc @@ -1,6 +1,6 @@ --- title: Size pass:[&] Space -description: Tables of Lumo style properties related to setting the size and spacing of text and components. +description: Listing of Lumo style properties related to setting the size and spacing of text and components. order: 30 page-links: - https://github.com/vaadin/web-components/blob/v{moduleNpmVersion:vaadin-lumo-styles}/packages/vaadin-lumo-styles/sizing.js[Source (size)] diff --git a/articles/styling/lumo/lumo-style-properties/typography.adoc b/articles/styling/lumo/lumo-style-properties/typography.adoc index ae85097acc..92397d82f1 100644 --- a/articles/styling/lumo/lumo-style-properties/typography.adoc +++ b/articles/styling/lumo/lumo-style-properties/typography.adoc @@ -10,7 +10,7 @@ page-links: = Lumo Typography -Lumo defines a set of style properties, CSS custom properties for font family, font size, and line height. You can use these CSS custom properties to apply consistent typographic styles across your application. +Lumo defines a set of style properties for font family, font size, and line height. You can use these CSS custom properties to apply consistent typographic styles across your application. You can enable the built-in <<{articles}/styling/lumo/lumo-variants#, Lumo compact mode variant>> to reduce the font size and the sizing and spacing of all components, allowing you to place more components on the screen. diff --git a/articles/styling/lumo/lumo-variants.adoc b/articles/styling/lumo/lumo-variants.adoc index 4a53077475..e65d0a3f0e 100644 --- a/articles/styling/lumo/lumo-variants.adoc +++ b/articles/styling/lumo/lumo-variants.adoc @@ -1,6 +1,7 @@ --- title: Lumo Variants -description: Understanding and utilizing color and compact variants in Lumo. +description: Understanding and utilizing the built-in light, dark, and compact variants in Lumo. + order: 20 --- diff --git a/articles/styling/lumo/utility-classes.adoc b/articles/styling/lumo/utility-classes.adoc index f0cd4ae472..9835d5b22f 100644 --- a/articles/styling/lumo/utility-classes.adoc +++ b/articles/styling/lumo/utility-classes.adoc @@ -1,6 +1,6 @@ --- title: Utility Classes -description: List of Lumo Utility classes and descriptions of them. +description: List of Lumo utility classes and descriptions of them. order: 30 --- diff --git a/articles/styling/styling-components/index.adoc b/articles/styling/styling-components/index.adoc index d06aff24ad..445eccb53c 100644 --- a/articles/styling/styling-components/index.adoc +++ b/articles/styling/styling-components/index.adoc @@ -1,6 +1,6 @@ --- title: Styling Vaadin Components -description: Explanation and examples on how to make use of built-in Lumo styles and add your own. +description: Explanation and examples on how to customize the styling of Vaadin components. order: 30 --- diff --git a/articles/styling/styling-components/parts-and-states.adoc b/articles/styling/styling-components/parts-and-states.adoc index 88d3657c56..75565da73a 100644 --- a/articles/styling/styling-components/parts-and-states.adoc +++ b/articles/styling/styling-components/parts-and-states.adoc @@ -1,6 +1,6 @@ --- title: Stylable Parts pass:[&] States -description: Details on the various stylable component parts and their states. +description: Learn what stylable component parts and states are and how to use them when customizing the styles of Vaadin components. order: 10 --- diff --git a/articles/styling/styling-other-elements.adoc b/articles/styling/styling-other-elements.adoc index d6cfa574bf..469a546d0a 100644 --- a/articles/styling/styling-other-elements.adoc +++ b/articles/styling/styling-other-elements.adoc @@ -1,6 +1,6 @@ --- title: Styling Other UI Elements -description: Describes how to apply styles to common and uncommon CSS elements. +description: Describes how to apply styles to common and uncommon HTML elements. order: 40 ---