diff options
Update Docs SEO
11 files changed, 52 insertions, 37 deletions
| -rw-r--r-- | docs/src/experimentals/autocomplete.pug | 2 | ||||
| -rw-r--r-- | docs/src/experimentals/calendars.pug | 2 | ||||
| -rw-r--r-- | docs/src/experimentals/carousels.pug | 5 | ||||
| -rw-r--r-- | docs/src/experimentals/comparison.pug | 5 | ||||
| -rw-r--r-- | docs/src/experimentals/filters.pug | 53 | ||||
| -rw-r--r-- | docs/src/experimentals/meters.pug | 2 | ||||
| -rw-r--r-- | docs/src/experimentals/off-canvas.pug | 5 | ||||
| -rw-r--r-- | docs/src/experimentals/parallax.pug | 5 | ||||
| -rw-r--r-- | docs/src/experimentals/progress.pug | 2 | ||||
| -rw-r--r-- | docs/src/experimentals/sliders.pug | 4 | ||||
| -rw-r--r-- | docs/src/experimentals/timelines.pug | 4 |
diff --git a/docs/src/experimentals/autocomplete.pug b/docs/src/experimentals/autocomplete.pug index c112c46..da5feaa 100644 --- a/docs/src/experimentals/autocomplete.pug +++ b/docs/src/experimentals/autocomplete.pug @@ -4,7 +4,7 @@ block variables - var slug = 'autocomplete' - var parent = 'experimentals' - var title = 'Autocomplete - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'Autocomplete form component provides suggestions while you type. It is often used for tags and contacts input. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('autocomplete', 'Autocomplete') diff --git a/docs/src/experimentals/calendars.pug b/docs/src/experimentals/calendars.pug index 3c543d2..3dd3528 100644 --- a/docs/src/experimentals/calendars.pug +++ b/docs/src/experimentals/calendars.pug @@ -4,7 +4,7 @@ block variables - var slug = 'calendars' - var parent = 'experimentals' - var title = 'Calendars - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'Calendars are designed for date or date range picker and events display. It is made with flex layout. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('calendars', 'Calendars') diff --git a/docs/src/experimentals/carousels.pug b/docs/src/experimentals/carousels.pug index afc4281..ad654ea 100644 --- a/docs/src/experimentals/carousels.pug +++ b/docs/src/experimentals/carousels.pug @@ -4,10 +4,13 @@ block variables - var slug = 'carousels' - var parent = 'experimentals' - var title = 'Carousels - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' block docs-content +docs-heading('carousels', 'Carousels') + p + small.label.label-primary.mr-2 CSS ONLY + include ../_layout/_ad-g.pug p Carousels are slideshows for cycling images. It is built in pure CSS. diff --git a/docs/src/experimentals/comparison.pug b/docs/src/experimentals/comparison.pug index cdf135c..527abd9 100644 --- a/docs/src/experimentals/comparison.pug +++ b/docs/src/experimentals/comparison.pug @@ -4,10 +4,13 @@ block variables - var slug = 'comparison' - var parent = 'experimentals' - var title = 'Comparison sliders - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' block docs-content +docs-heading('comparison', 'Comparison sliders') + p + small.label.label-primary.mr-2 CSS ONLY + include ../_layout/_ad-g.pug p diff --git a/docs/src/experimentals/filters.pug b/docs/src/experimentals/filters.pug index d31c6f7..d505c33 100644 --- a/docs/src/experimentals/filters.pug +++ b/docs/src/experimentals/filters.pug @@ -4,10 +4,13 @@ block variables - var slug = 'filters' - var parent = 'experimentals' - var title = 'Filters - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' block docs-content +docs-heading('filters', 'Filters') + p + small.label.label-primary.mr-2 CSS ONLY + include ../_layout/_ad-g.pug p Filters are CSS only content filters. @@ -30,63 +33,63 @@ block docs-content .column.col-4.filter-item(data-tag="tag-2") .card .card-header - .card-title Fallout 4 - .card-subtitle Roleplaying + .card-title.text-bold Fallout 4 + .card-subtitle.text-gray Roleplaying .column.col-4.filter-item(data-tag="tag-3") .card .card-header - .card-title Halo 5 - .card-subtitle Shooter + .card-title.text-bold Halo 5 + .card-subtitle.text-gray Shooter .column.col-4.filter-item(data-tag="tag-1") .card .card-header - .card-title Quantum Break - .card-subtitle Action + .card-title.text-bold Quantum Break + .card-subtitle.text-gray Action .column.col-4.filter-item(data-tag="tag-4") .card .card-header - .card-title Forza Horizon 3 - .card-subtitle Sports + .card-title.text-bold Forza Horizon 3 + .card-subtitle.text-gray Sports .column.col-4.filter-item(data-tag="tag-2") .card .card-header - .card-title Final Fantasy XV - .card-subtitle Roleplaying + .card-title.text-bold Final Fantasy XV + .card-subtitle.text-gray Roleplaying .column.col-4.filter-item(data-tag="tag-4") .card .card-header - .card-title NBA 2K17 - .card-subtitle Sports + .card-title.text-bold NBA 2K17 + .card-subtitle.text-gray Sports .column.col-4.filter-item(data-tag="tag-3") .card .card-header - .card-title Battlefield 1 - .card-subtitle Shooter + .card-title.text-bold Battlefield 1 + .card-subtitle.text-gray Shooter .column.col-4.filter-item(data-tag="tag-1") .card .card-header - .card-title GTA V - .card-subtitle Action + .card-title.text-bold GTA V + .card-subtitle.text-gray Action .column.col-4.filter-item(data-tag="tag-4") .card .card-header - .card-title FIFA 17 - .card-subtitle Sports + .card-title.text-bold FIFA 17 + .card-subtitle.text-gray Sports .column.col-4.filter-item(data-tag="tag-3") .card .card-header - .card-title Overwatch - .card-subtitle Shooter + .card-title.text-bold Overwatch + .card-subtitle.text-gray Shooter .column.col-4.filter-item(data-tag="tag-3") .card .card-header - .card-title Titanfall 2 - .card-subtitle Shooter + .card-title.text-bold Titanfall 2 + .card-subtitle.text-gray Shooter .column.col-4.filter-item(data-tag="tag-3") .card .card-header - .card-title Gears of Wars 4 - .card-subtitle Shooter + .card-title.text-bold Gears of Wars 4 + .card-subtitle.text-gray Shooter p | Filters use #[code tag-1] to #[code tag-8] to flag different tags. diff --git a/docs/src/experimentals/meters.pug b/docs/src/experimentals/meters.pug index 5ac11b5..b2d0c77 100644 --- a/docs/src/experimentals/meters.pug +++ b/docs/src/experimentals/meters.pug @@ -4,7 +4,7 @@ block variables - var slug = 'meters' - var parent = 'experimentals' - var title = 'Meters - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'Meters represent the value within the known range. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('meters', 'Meters') diff --git a/docs/src/experimentals/off-canvas.pug b/docs/src/experimentals/off-canvas.pug index 51fe9d0..cd8cfba 100644 --- a/docs/src/experimentals/off-canvas.pug +++ b/docs/src/experimentals/off-canvas.pug @@ -4,10 +4,13 @@ block variables - var slug = 'off-canvas' - var parent = 'experimentals' - var title = 'Off-canvas - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'The Off-canvas is a navigation layout that the sidebar can slide in and out of the viewport. It is built in pure CSS. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('off-canvas', 'Off-canvas') + p + small.label.label-primary.mr-2 CSS ONLY + include ../_layout/_ad-g.pug p diff --git a/docs/src/experimentals/parallax.pug b/docs/src/experimentals/parallax.pug index df84a5f..8637281 100644 --- a/docs/src/experimentals/parallax.pug +++ b/docs/src/experimentals/parallax.pug @@ -4,10 +4,13 @@ block variables - var slug = 'parallax' - var parent = 'experimentals' - var title = 'Parallax - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'The Parallax component acts like Apple TV/tvOS hover parallax effect. It is built in pure CSS. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('parallax', 'Parallax') + p + small.label.label-primary.mr-2 CSS ONLY + include ../_layout/_ad-g.pug p diff --git a/docs/src/experimentals/progress.pug b/docs/src/experimentals/progress.pug index 585b731..7e83e00 100644 --- a/docs/src/experimentals/progress.pug +++ b/docs/src/experimentals/progress.pug @@ -4,7 +4,7 @@ block variables - var slug = 'progress' - var parent = 'experimentals' - var title = 'Progress - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'The Progress indicates the progress completion of a task. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('progress', 'Progress') diff --git a/docs/src/experimentals/sliders.pug b/docs/src/experimentals/sliders.pug index c15d270..69e9be6 100644 --- a/docs/src/experimentals/sliders.pug +++ b/docs/src/experimentals/sliders.pug @@ -4,13 +4,13 @@ block variables - var slug = 'sliders' - var parent = 'experimentals' - var title = 'Sliders - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'The Sliders are for selecting values from ranges. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('sliders', 'Sliders') include ../_layout/_ad-g.pug - p Sliders are for selecting values from ranges. + p The Sliders are for selecting values from ranges. p | You can add the class #[code tooltip] to have tooltip labels. | If no #[code data-tooltip] is set, the #[code value] will be used instead. diff --git a/docs/src/experimentals/timelines.pug b/docs/src/experimentals/timelines.pug index 1a9165e..0ec9bbb 100644 --- a/docs/src/experimentals/timelines.pug +++ b/docs/src/experimentals/timelines.pug @@ -4,13 +4,13 @@ block variables - var slug = 'timelines' - var parent = 'experimentals' - var title = 'Timelines - Experimentals - Spectre.css CSS Framework' - - var description = 'Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.' + - var description = 'The Timelines are ordered sequences of activities. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.' block docs-content +docs-heading('timelines', 'Timelines') include ../_layout/_ad-g.pug - p Timelines are ordered sequences of activities. + p The Timelines are ordered sequences of activities. .docs-demo.columns .column.col-9.col-sm-12 |