FilesExpand file tree

master

/

marker-variable.html

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

30 lines (27 loc) · 739 Bytes

master

/

marker-variable.html

Copy path

Top

File metadata and controls

• Code
• Blame

30 lines (27 loc) · 739 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

29

30

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<link rel="author" title="Karl Dubost" href="https://github.com/karlcow" />

<link rel="help" href="https://drafts.csswg.org/css-pseudo/#marker-pseudo" />

<link rel="help" href="https://drafts.csswg.org/css-variables/#defining-variables" />

<link rel="match" href="marker-variable-ref.html">

<title>::marker with variables</title>

<style>

.firstTest::marker {

--alpha: 0.75;

color: rgb(255 119 0 / var(--alpha));

}

.secondTest::marker {

--color: rgb(255 119 0);

color: var(--color);

}

</style>

</head>

<body>

<ul>

<li class="firstTest">Item 1</li>

<li class="secondTest">Item 2</li>

</ul>

</body>

</html>