astro-accelerator 6.0.19 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/public/css/vars.css +53 -98
  3. package/src/themes/accelerator/components/Header.astro +17 -0
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "6.0.19",
2
+ "version": "6.1.0",
3
3
  "author": "Steve Fenton",
4
4
  "name": "astro-accelerator",
5
5
  "description": "A super-lightweight, accessible, SEO-friendly starter project for Astro",
@@ -94,4 +94,4 @@
94
94
  "zod@<=3.22.2": ">=3.22.3"
95
95
  }
96
96
  }
97
- }
97
+ }
package/public/css/vars.css CHANGED
@@ -1,3 +1,55 @@
1
+ :root,
2
+ body.mode-light {
3
+ --fore: #233;
4
+ --aft: #DFF;
5
+ --aft-image: #DFF;
6
+
7
+ --fore-link: #355;
8
+ --fore-link-alt: #699;
9
+ --aft-link-alt: #e6e6eC;
10
+
11
+ --fore-input: var(--fore);
12
+ --aft-input: var(--aft);
13
+
14
+ --fore-block: #333;
15
+ --aft-block: #BEE;
16
+ --icon-block: #FF0;
17
+ --icon-block-alpha: rgba(from var(--icon-block) r g b / 0.4);
18
+
19
+ --fore-table-head: #DFF;
20
+ --aft-table-head: #233;
21
+ --fore-table-row-odd: #333;
22
+ --aft-table-row-odd: #DFF;
23
+ --fore-table-row-even: #333;
24
+ --aft-table-row-even: #CFF;
25
+ }
26
+
27
+ body.mode-dark {
28
+ --fore: #DFF;
29
+ --aft: #233;
30
+ --aft-image: #DDD;
31
+
32
+ --fore-link: #AFF;
33
+ --fore-link-alt: #FF0;
34
+ --aft-link-alt: #232323;
35
+
36
+ --fore-input: var(--fore);
37
+ --aft-input: var(--aft);
38
+
39
+ --fore-block: #DFF;
40
+ --aft-block: #011;
41
+ --icon-block: #FF0;
42
+ --icon-block-alpha: rgba(from var(--icon-block) r g b / 0.4);
43
+
44
+ --fore-table-head: #DFF;
45
+ --aft-table-head: #244;
46
+ --fore-table-row-odd: #DFF;
47
+ --aft-table-row-odd: #355;
48
+ --fore-table-row-even: #DFF;
49
+ --aft-table-row-even: #466;
50
+ }
51
+
52
+
1
53
  @font-face {
2
54
  font-family: "hyper-reg";
3
55
  font-weight: normal;
@@ -23,29 +75,6 @@
23
75
  }
24
76
 
25
77
  :root {
26
- --fore: #233;
27
- --aft: #DFF;
28
- --aft-image: #DFF;
29
-
30
- --fore-link: #355;
31
- --fore-link-alt: #699;
32
- --aft-link-alt: #e6e6eC;
33
-
34
- --fore-input: var(--fore);
35
- --aft-input: var(--aft);
36
-
37
- --fore-block: #333;
38
- --aft-block: #BEE;
39
- --icon-block: #FF0;
40
- --icon-block-alpha: rgba(from var(--icon-block) r g b / 0.4);
41
-
42
- --fore-table-head: #DFF;
43
- --aft-table-head: #233;
44
- --fore-table-row-odd: #333;
45
- --aft-table-row-odd: #DFF;
46
- --fore-table-row-even: #333;
47
- --aft-table-row-even: #CFF;
48
-
49
78
  --heading-font: 'hyper-bold', sans-serif;
50
79
  --content-font: 'hyper-reg', Verdana, Geneva, sans-serif;
51
80
  --code-font: 'hyper-mono', Consolas, 'Courier New', Courier, monospace;
@@ -86,78 +115,4 @@
86
115
  --search-height: 2rem;
87
116
  --search-dropdown-height: 65vh;
88
117
  --search-dropdown-duration: 0.2s;
89
- }
90
-
91
- @media (prefers-color-scheme: dark) {
92
- :root {
93
- --fore: #DFF;
94
- --aft: #233;
95
- --aft-image: #DDD;
96
-
97
- --fore-link: #AFF;
98
- --fore-link-alt: #FF0;
99
- --aft-link-alt: #232323;
100
-
101
- --fore-input: var(--fore);
102
- --aft-input: var(--aft);
103
-
104
- --fore-block: #DFF;
105
- --aft-block: #011;
106
- --icon-block: #FF0;
107
-
108
- --fore-table-head: #DFF;
109
- --aft-table-head: #244;
110
- --fore-table-row-odd: #DFF;
111
- --aft-table-row-odd: #355;
112
- --fore-table-row-even: #DFF;
113
- --aft-table-row-even: #466;
114
- }
115
- }
116
-
117
- body.mode-light {
118
- --fore: #233;
119
- --aft: #DFF;
120
- --aft-image: #DFF;
121
-
122
- --fore-link: #355;
123
- --fore-link-alt: #699;
124
- --aft-link-alt: #e6e6eC;
125
-
126
- --fore-input: var(--fore);
127
- --aft-input: var(--aft);
128
-
129
- --fore-block: #333;
130
- --aft-block: #BEE;
131
- --icon-block: #FF0;
132
-
133
- --fore-table-head: #DFF;
134
- --aft-table-head: #233;
135
- --fore-table-row-odd: #333;
136
- --aft-table-row-odd: #DFF;
137
- --fore-table-row-even: #333;
138
- --aft-table-row-even: #CFF;
139
- }
140
-
141
- body.mode-dark {
142
- --fore: #DFF;
143
- --aft: #233;
144
- --aft-image: #DDD;
145
-
146
- --fore-link: #AFF;
147
- --fore-link-alt: #FF0;
148
- --aft-link-alt: #232323;
149
-
150
- --fore-input: var(--fore);
151
- --aft-input: var(--aft);
152
-
153
- --fore-block: #DFF;
154
- --aft-block: #011;
155
- --icon-block: #FF0;
156
-
157
- --fore-table-head: #DFF;
158
- --aft-table-head: #244;
159
- --fore-table-row-odd: #DFF;
160
- --aft-table-row-odd: #355;
161
- --fore-table-row-even: #DFF;
162
- --aft-table-row-even: #466;
163
- }
118
+ }
package/src/themes/accelerator/components/Header.astro CHANGED
@@ -56,6 +56,23 @@ stats.stop();
56
56
  flex-shrink: 0;
57
57
  }
58
58
 
59
+ @media (max-width: 680px) {
60
+ .site-header {
61
+ justify-content: space-between;
62
+ padding-block: 1rem;
63
+ gap: 1rem;
64
+ }
65
+ .site-header .site-title {
66
+ flex-basis: 100%;
67
+ text-align: center;
68
+ margin-inline-end: 0;
69
+ order: 2;
70
+ }
71
+ .site-header .header-icon {
72
+ order: 1;
73
+ }
74
+ }
75
+
59
76
  .site-header .site-title:hover,
60
77
  .site-header .site-title:focus {
61
78
  color: var(--fore-link-alt);