playwright/tests/assets/reading-list/style.css

:root {
  --non-monospace: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --monospace: Consolas, Menlo, monospace;
  font-size: 14px;
}

body {
  font-family: var(--non-monospace);
}

.red { background-color: #ffcdd2; }
.green { background-color: #a5d6a7; }
.blue { background-color: #64b5f6; }
feat: introduce react selectors (#8069) This patch adds support for the `react` selector engine that allows selecting DOM elements based on the component name. > NOTE: in case of multi-root components (React.Fragment), `react` engine will select all root DOM elements. > NOTE: `react` engine supports react v15+. References #7189 2021-08-08 02:51:39 +03:00			`:root {`
			`--non-monospace: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";`
			`--monospace: Consolas, Menlo, monospace;`
			`font-size: 14px;`
			`}`

			`body {`
			`font-family: var(--non-monospace);`
			`}`
feat: support props matching in react and vue selectors (#8104) 2021-08-11 03:10:14 +03:00
			`.red { background-color: #ffcdd2; }`
			`.green { background-color: #a5d6a7; }`
			`.blue { background-color: #64b5f6; }`