-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
28 lines (27 loc) · 1.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en-US" class="rose">
<meta charset="utf-8">
<title>rose color palette</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="pink">
<meta name="description" content="CSS romance">
<link rel="home" href="https://s9a.page">
<link rel="stylesheet" href="rose.css" media=(color)>
<link rel="stylesheet" href="prose.css">
<figure>
<h1>rose</h1>
<ul>
<li>warm coloring
<li><code>class="rose"</code>
<li><a href="rose.css">simple cascade</a>
<li>opensource on <a href="https://github.com/s9a/rose">github</a>
<li>colors meet <a href="https://www.w3.org/TR/WCAG/#contrast-enhanced">enhanced contrast</a>
<li>roses range via media query
<li>featuring
<a href="https://contrast-ratio.com/#lightpink-on-%23111">lightpink</a>
<a href="https://contrast-ratio.com/#pink-on-%23111">pink</a>
<a href="https://contrast-ratio.com/#mistyrose-on-%23111">mistyrose</a>
<li><a href="https://s9a.page">romance</a>
</ul>
</figure>