|
6 | 6 | flex-direction: column;
|
7 | 7 | justify-content: center;
|
8 | 8 | align-items: center;
|
9 |
| - |
10 | 9 | margin: 0;
|
11 | 10 | padding: 1rem 3.5rem;
|
12 |
| - |
13 | 11 | background: repeating-linear-gradient(
|
14 | 12 | 45deg,
|
15 | 13 | var(--site-announcement-bar-stripe-color1),
|
|
18 | 16 | var(--site-announcement-bar-stripe-color2) 40px
|
19 | 17 | );
|
20 | 18 | }
|
21 |
| - |
22 | 19 | .announcement-banner {
|
23 | 20 | --site-announcement-bar-stripe-color1: #e5e7eb;
|
24 | 21 | --site-announcement-bar-stripe-color2: #d1d5db;
|
25 | 22 | }
|
26 |
| - |
27 | 23 | .announcement-banner[data-theme="ocean"] {
|
28 | 24 | --site-announcement-bar-stripe-color1: #86b2f9;
|
29 | 25 | --site-announcement-bar-stripe-color2: #7298ea;
|
30 | 26 | }
|
31 |
| - |
32 | 27 | .announcement-banner[data-theme="forest"] {
|
33 | 28 | --site-announcement-bar-stripe-color1: #97f5d6;
|
34 | 29 | --site-announcement-bar-stripe-color2: #6de0bf;
|
35 | 30 | }
|
36 |
| - |
37 | 31 | .announcement-banner[data-theme="lava"] {
|
38 | 32 | --site-announcement-bar-stripe-color1: #fea3a3;
|
39 | 33 | --site-announcement-bar-stripe-color2: #e57e7e;
|
40 | 34 | }
|
41 |
| - |
42 | 35 | html:is(.navy, .coal, .ayu) .announcement-banner {
|
43 | 36 | --site-announcement-bar-stripe-color1: #1f2937;
|
44 | 37 | --site-announcement-bar-stripe-color2: #111827;
|
45 | 38 | }
|
46 |
| - |
47 | 39 | html:is(.navy, .coal, .ayu) .announcement-banner[data-theme="ocean"] {
|
48 | 40 | --site-announcement-bar-stripe-color1: #2563eb;
|
49 | 41 | --site-announcement-bar-stripe-color2: #1d4ed8;
|
50 | 42 | }
|
51 |
| - |
52 | 43 | html:is(.navy, .coal, .ayu) .announcement-banner[data-theme="forest"] {
|
53 | 44 | --site-announcement-bar-stripe-color1: #22d3a5;
|
54 | 45 | --site-announcement-bar-stripe-color2: #0fbf8f;
|
55 | 46 | }
|
56 |
| - |
57 | 47 | html:is(.navy, .coal, .ayu) .announcement-banner[data-theme="lava"] {
|
58 | 48 | --site-announcement-bar-stripe-color1: #f87171;
|
59 | 49 | --site-announcement-bar-stripe-color2: #ef4444;
|
60 | 50 | }
|
61 |
| - |
62 | 51 | .announcement-banner p {
|
63 | 52 | width: 100%;
|
64 | 53 | margin: 0;
|
|
69 | 58 | text-overflow: ellipsis;
|
70 | 59 | text-wrap: balance;
|
71 | 60 | }
|
72 |
| - |
73 | 61 | .announcement-banner button {
|
74 | 62 | top: 50%;
|
75 | 63 | right: 1rem;
|
76 | 64 | position: absolute;
|
77 | 65 | transform: translateY(-50%);
|
78 |
| - |
79 | 66 | width: 3rem;
|
80 | 67 | height: 3rem;
|
81 | 68 | cursor: pointer !important;
|
82 |
| - |
83 | 69 | border: none;
|
84 | 70 | font-weight: 900;
|
85 | 71 | border-radius: 50%;
|
|
96 | 82 | const id = banner.getAttribute("data-id");
|
97 | 83 | const message = banner.querySelector("p").textContent;
|
98 | 84 | const localData = JSON.parse(localStorage.getItem("mdbook-announcement-banner"));
|
99 |
| - |
100 | 85 | if (!localData || localData.id !== id || localData.hide !== true) {
|
101 | 86 | banner.style.display = "flex";
|
102 | 87 | const page = document.querySelector(".page");
|
|
0 commit comments