Merge branch 'master' into refactor/tutorial-titles

Author: rschristian

content/en/about/demos-examples.md

@@ -125,6 +125,7 @@ A starter/template for using Preact in buildless environments
 - [60FPS Rainbow Spiral](http://codepen.io/developit/full/xGoagz/) _(@ CodePen)_
 - [Simple Clock](http://jsfiddle.net/developit/u9m5x0L7/embedded/result,js/) _(@ JSFiddle)_
 - [3D + ThreeJS](http://codepen.io/developit/pen/PPMNjd?editors=0010) _(@ CodePen)_
+- [Endless Horse](https://codepen.io/youkwhd/pen/zYbjepj) _(@ CodePen)_
 
 ## Templates
 

content/en/guide/v10/tutorial.md

@@ -7,7 +7,7 @@ description: 'Write your first Preact application'
 
 This guide walks through building a simple "ticking clock" component. If you're new to Virtual DOM, try the [full Preact tutorial](/tutorial).
 
-> :information_desk_person: This guide assumes that you completed the [Getting Started](/guide/v10/getting-started) document and have successfully set up your tooling. If not, start with [preact-cli](/guide/v10/getting-started#best-practices-powered-with-preact-cli).
+> :information_desk_person: This guide assumes that you completed the [Getting Started](/guide/v10/getting-started) document and have successfully set up your tooling. If not, start with [Vite](/guide/v10/getting-started#create-a-vite-powered-preact-app).
 
 ---
 

content/ru/guide/v10/tutorial.md

@@ -7,7 +7,7 @@ description: 'Напишите свое первое приложение Preact
 
 В этом руководстве описывается создание простого компонента «тикающих часов». Если вы новичок в Virtual DOM, попробуйте [наш учебник по Preact](/tutorial).
 
-> :information_desk_person: В этом руководстве предполагается, что вы завершили работу с документом [Начало работы](/guide/v10/getting-started) и успешно настроили свои инструменты. Если нет, начните с [preact-cli](/guide/v10/getting-started#best-practices-powered-with-preact-cli).
+> :information_desk_person: В этом руководстве предполагается, что вы завершили работу с документом [Начало работы](/guide/v10/getting-started) и успешно настроили свои инструменты. Если нет, начните с [Vite](/guide/v10/getting-started#create-a-vite-powered-preact-app).
 
 ---
 

src/components/controllers/page/sidebar.module.css

@@ -46,7 +46,7 @@
 			/* --color-brand 40% lighter */ 0 3px 8px rgba(0, 0, 0, 0.5);
 	}
 
-	[data-open] & {
+	[data-open='true'] & {
 		background: var(--color-brand-light);
 
 		&:after {
@@ -84,7 +84,7 @@
 		background: transparent;
 	}
 
-	[data-open] & {
+	[data-open='true'] & {
 		visibility: visible;
 		transform: translateY(0);
 		opacity: 1;