-
Notifications
You must be signed in to change notification settings - Fork 5
/
class.html
61 lines (32 loc) · 1.25 KB
/
class.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!doctype html>
<html class="theme-3">
<meta charset="utf-8" />
<link href="css/html-slideshow.bundle.min.css" rel="stylesheet" />
<script src="js/html-slideshow.bundle.min.js"></script>
<title>mithril-slides</title>
<script data-role="slide" type="text/html" data-markdown>
This slideshow is showing how the class attribute can be used to style a slideshow and individually slides.
</script>
<script data-role="slide" type="text/html" data-markdown>
This slideshow has pre-selected theme-3 by adding it as a class attribute to the html element.
```
<html class="theme-3">
```
</script>
<script data-role="slide" type="text/html" data-markdown class="">
# class = ""
This is the default style for a slide. The class attribute is empty.
</script>
<script data-role="slide" type="text/html" data-markdown class="slide-b">
# class = "slide-b"
This is a custom style for a slide. The class attribute contains a CSS class.
</script>
<script data-role="slide" type="text/html" data-markdown class="center">
<figure>
<img src="http://placehold.it/800x600">
<figcaption>The class attribute contains a CSS class "center" and all items are centered.</figcaption>
</figure>
</script>
<script data-role="slide" type="text/html" data-markdown>
</script>
</html>