Skip to content

Commit 7cfcfb8

Browse files
michaelpbmichaelpb
committed
Release 1.0.9
1 parent de38ea4 commit 7cfcfb8

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

68 files changed

+44171
-2
lines changed

‎about.html‎

Lines changed: 385 additions & 0 deletions
Large diffs are not rendered by default.

‎build-xxnc164u.css‎

Lines changed: 372 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,372 @@
1+
modulo-Editor select{width:100%}modulo-Editor modulo-grid{width: 100%;
2+
display: grid}@media (max-width:992px){modulo-Editor modulo-grid{display:block}}
3+
._component_Page:is(p) {line-height:1.6;font-size:18px}
4+
._component_Page:is(h2[h]) {margin:60px 0 0 0;font-family:sans-serif;font-weight:500;}
5+
._component_Page:is(h2[h='#']) {font-size:64px}._component_Page:is(h2[h='##']) {font-size:46px;}._component_Page:is(h2[h='###']) {font-size:30px}
6+
._component_Page:is(h2[h='#']), ._component_Page:is(h2[h='##']) {text-align:center}._component_Page:is(code) {background:#88888855}
7+
._component_Page:is(hr) {border:0.5vw solid #88888855;margin:5vw 30% 5vw 30%}
8+
x-WordArt3D h2 {
9+
font-size: 64px;
10+
transform: skew(-10deg, -3deg);
11+
color: white;
12+
font-family: serif;
13+
margin: 20px;
14+
margin-bottom: -20px;
15+
position: relative;
16+
z-index: 1;
17+
}
18+
x-WordArt3D code {
19+
}
20+
x-WordArt3D strong {
21+
font-family: sans-serif;
22+
font-weight: 800;
23+
}
24+
x-WordArt3D em {
25+
font-size: 100px;
26+
font-family: cursive;
27+
font-weight: 200;
28+
}
29+
30+
x-Demo x-demo-grid,x-Demo x-demo-editwrap{ display:block; position:relative; width:100% }
31+
x-Demo x-demo-grid { display: grid; grid-template-columns: auto 100px }
32+
33+
x-Demo modulo-line:before{
34+
counter-increment:line;
35+
content: counter(line);
36+
position:absolute;
37+
left:0;
38+
color:#888;
39+
padding:0 0 0 3px;
40+
}
41+
42+
x-Demo pre,x-Demo textarea {
43+
counter-reset:line;
44+
display:block;
45+
color:var(--fg);
46+
background:transparent;
47+
white-space:pre;
48+
text-align:start;
49+
line-height:1.5;
50+
overflow-wrap:break-word;
51+
margin:0;
52+
box-sizing:content-box;
53+
border:1px dotted var(--fg);
54+
font-family: monospace;
55+
}
56+
x-Demo iframe {
57+
width: 100%;
58+
border: none;
59+
box-shadow:
60+
-1px -1px 0 1px var(--fg),
61+
-2px -2px 0 1px var(--color),
62+
-4px -4px 0 1px var(--color),
63+
-6px -6px 0 1px var(--fg);
64+
border-radius: 5px;
65+
background:#eee;
66+
position: relative;
67+
z-index: 0;
68+
}
69+
x-Demo select {
70+
float: right;
71+
margin-bottom: -1rem;
72+
position: relative;
73+
z-index: 3;
74+
}
75+
76+
x-Demo textarea{resize:none;color:#00000000;caret-color:#000;width:100%;}
77+
78+
x-PageControls {
79+
opacity: 0.5;
80+
border: 1px solid var(--fg-shading);
81+
padding: 2px;
82+
margin: 0;
83+
display: block;
84+
}
85+
x-PageControls:hover,
86+
x-PageControls:focus,
87+
x-PageControls:focus-within {
88+
opacity: 1.0;
89+
border: 1px solid var(--fg);
90+
}
91+
x-PageControls input,
92+
x-PageControls button {
93+
width: 60px;
94+
height: 30px;
95+
margin: 5px;
96+
margin-top: -10px;
97+
}
98+
x-PageControls div.page-toolbar {
99+
color:var(--fg);
100+
height: 25px;
101+
right: 0;
102+
text-align: right;
103+
}
104+
105+
106+
.x_Page:is(.page-container),
107+
.x_Page:is(.page-content),
108+
.x_Page:is(.page-article),
109+
.x_Page:is(.page-nav a) {
110+
display: block;
111+
border: 1px solid var(--fg-shading);
112+
border-radius: 8px;
113+
padding: 20px;
114+
margin: 4px;
115+
color: var(--fg);
116+
}
117+
118+
.x_Page:is(.page-nav) {
119+
position: sticky;
120+
display: block;
121+
border-bottom: 1px solid var(--fg);
122+
background-color: var(--bg);
123+
top: 0;
124+
z-index: 10;
125+
}
126+
127+
.x_Page:is(.page-nav a) {
128+
user-select: none;
129+
text-decoration: none;
130+
background: var(--bg);
131+
font-family: sans-serif;
132+
font-weight: 500;
133+
}
134+
135+
.x_Page:is(.page-article) {
136+
position: relative;
137+
background: var(--bg);
138+
}
139+
140+
.x_Page:is(.page-article-title) {
141+
font-size: 38px;
142+
color: var(--fg);
143+
}
144+
145+
.x_Page:is(.page-article:hover) {
146+
}
147+
148+
149+
.x_Page:is(.u--blocklink) {
150+
display: block;
151+
}
152+
.x_Page:is(.u--blocklink)::before {
153+
content: ' ';
154+
position: absolute;
155+
top: 0;
156+
left: 0;
157+
width: 100%;
158+
height: 100%;
159+
}
160+
161+
162+
.x_Page:is(.u--container) {
163+
display: grid;
164+
grid-template-columns: 1fr minmax(auto, var(--page-width)) 1fr;
165+
font-family: sans-serif;
166+
}
167+
.x_Page:is(.u--container > *) {
168+
grid-column: 2;
169+
}
170+
.x_Page:is(.u--flex1) {
171+
display: flex;
172+
flex-wrap: wrap;
173+
}
174+
175+
.x_Page:is(.u--absolute1) {
176+
position:absolute;z-index:2; left: 800px; width: 700px; top: 60px
177+
}
178+
179+
180+
.x_Page:is(.page-nav a:hover) {
181+
color: var(--color);
182+
border-color: var(--fg);
183+
}
184+
185+
.x_Page:is(.page-nav a.nav-link--modulo) {
186+
font-size: 50px;
187+
line-height: 0.5;
188+
}
189+
190+
.x_Page:is(.page-nav a:active),
191+
.x_Page:is(.page-nav a.nav--selected) {
192+
border-color: var(--color);
193+
}
194+
195+
.x_Page:is(.page-nav ul) {
196+
display: flex;
197+
margin: 0;
198+
flex-wrap: wrap;
199+
}
200+
201+
.x_Page:is(.page-nav li) {
202+
list-style: none;
203+
}
204+
205+
206+
.x_Page:is(a.modulo-logo--alt) {
207+
font-family: sans-serif;
208+
font-weight:500;
209+
padding: 0;
210+
margin: -10px 0 -10px 0;
211+
font-size: 65px;
212+
border-color: #ffffff00;
213+
background-color: #ffffff00;
214+
}
215+
216+
.x_Page:is(a.modulo-logo) {
217+
font-family: sans-serif;
218+
font-weight:500;
219+
margin-bottom:-80px;
220+
font-size: 65px;
221+
border:3px solid var(--fg);
222+
border-radius:0;
223+
width:75px;
224+
height:75px;
225+
}
226+
227+
.x_Page:is(a.modulo-logo:hover) {
228+
border-color: var(--color);
229+
}
230+
231+
.x_Page:is(.a-hamburger) {
232+
top: 0;
233+
left: 0;
234+
background: var(--bg);
235+
color: var(--fg-shading);
236+
text-decoration: none;
237+
text-align: center;
238+
border: 3px groove var(--fg-shading);
239+
font-size: 60px;
240+
border-radius: 20px;
241+
width: 80px;
242+
height: 80px;
243+
display: none;
244+
word-wrap: break-word;
245+
padding: 0;
246+
z-index: 9;
247+
}
248+
249+
.x_Page:is(.page-splash) {
250+
font-size: 18px;
251+
}
252+
.x_Page:is(.page-splash h4) {
253+
font-size: 24px;
254+
color: var(--color);
255+
margin:0;
256+
padding:0;
257+
}
258+
259+
@media (max-width: 992px) {
260+
261+
.x_Page:is(.page-container),
262+
.x_Page:is(.page-nav) {
263+
padding: 4px;
264+
margin: 2px;
265+
}
266+
.x_Page:is(.u--flex1) {
267+
display: block;
268+
}
269+
.x_Page:is(.u--absolute1) {
270+
position: static;
271+
}
272+
}
273+
@media (max-width: 576px) {
274+
.x_Page:is(.page-nav ul) {
275+
display: block;
276+
}
277+
.x_Page:is(.page-nav) {
278+
position: relative;
279+
}
280+
.x_Page:is(.a-hamburger) {
281+
position: fixed;
282+
display: block;
283+
}
284+
}
285+
286+
.x_Page:is(.page--normal) {
287+
min-height: calc(100vh - 380px);
288+
}
289+
.x_Page:is(.page--grid .markdown-page) {
290+
display: grid;
291+
grid-template-columns: 1fr 1fr 1fr 1fr;
292+
}
293+
.x_Page:is(.page--grid .markdown-page > p),
294+
.x_Page:is(.page--grid .markdown-page > h2) {
295+
display: none;
296+
position: absolute;
297+
}
298+
299+
.markdown-page .x_Page:is(p) {
300+
line-height: 1.6;
301+
font-size: 18px
302+
}
303+
.markdown-page .x_Page:is(h2[h]) {
304+
margin: 60px 0 0 0;
305+
font-family: sans-serif;
306+
font-weight: 500;
307+
}
308+
.markdown-page .x_Page:is(h2[h='#']) {
309+
font-size: 64px;
310+
}
311+
.markdown-page .x_Page:is(h2[h='##']) {
312+
font-size: 46px;
313+
}
314+
.markdown-page .x_Page:is(h2[h='###']) {
315+
font-size: 30px
316+
}
317+
.markdown-page .x_Page:is(h2[h='#']),
318+
.markdown-page .x_Page:is(h2[h='##']) {
319+
text-align: center;
320+
}
321+
.markdown-page .x_Page:is(code), .markdown-page .x_Page:is(tt) {
322+
background: #88888855;
323+
}
324+
.markdown-page .x_Page:is(hr) {
325+
border: 0.5vw solid #88888855;
326+
margin: 5vw 30% 5vw 30%
327+
}
328+
329+
:root {
330+
/* Set site-wide CSS variables here */
331+
--color: #B90183;
332+
--color-alt: #82d4a444;
333+
--fg: #000;
334+
--fg-shading: #05051020;
335+
--bg: #fff;
336+
--bg-semi: #ffffff99;
337+
--fg-inv: #fff;
338+
--fg-inv-shading: #ffffff20;
339+
--bg-inv: #000;
340+
--bg-inv-semi: #00000099;
341+
342+
--page-width: 1000px;
343+
}
344+
345+
@media (prefers-color-scheme: dark) {
346+
:root {
347+
--color: #B90183;
348+
--color-alt: #82d4a444;
349+
--fg: #eee;
350+
--fg-shading: #ffffff33;
351+
--bg: #000;
352+
--bg-semi: #00000099;
353+
--fg-inv: #000;
354+
--fg-inv-shading: #00000020;
355+
--bg-inv: #fff;
356+
--bg-inv-semi: #ffffff99;
357+
}
358+
}
359+
360+
/* Configure misc site-wide base settings */
361+
body {
362+
background: var(--bg);
363+
color: var(--fg);
364+
margin: 0;
365+
line-height: 1.5;
366+
}
367+
368+
/* To get syntax editors looking better on both themes */
369+
modulo-Editor {
370+
background: WhiteSmoke;
371+
display: block;
372+
}

0 commit comments

Comments
 (0)