Skip to content

Commit d9dd7af

Browse files
ajnavarroajnavarro
authored
Merge branch 'main' into wmb-additions
2 parents 3c3b367 + bc35b98 commit d9dd7af

File tree

3 files changed

+403
-5
lines changed

3 files changed

+403
-5
lines changed

‎docs/assets/aib-logo.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎docs/assets/styles.css‎

Lines changed: 375 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,375 @@
1+
/* Design system */
2+
[data-md-color-scheme="aib"] {
3+
/* primary */
4+
--md-primary-fg-color: #000;
5+
--md-primary-fg-color--light: #6f6f6f;
6+
--md-primary-fg-color--dark: #5f5f5f;
7+
--md-primary-bg-color: #fff;
8+
--md-primary-bg-color--light: #efefef;
9+
--md-primary-bg-color--dark: #b4b4b4;
10+
11+
/* accent */
12+
--md-accent-fg-color: #000;
13+
--md-accent-fg-color--transparent: #efefef;
14+
15+
/* combi */
16+
--md-typeset-color: var(--md-primary-fg-color--light, #6f6f6f);
17+
--md-default-bg-color: var(--md-primary-bg-color, #fff);
18+
--md-typeset-a-color: var(--md-primary-fg-color, #000);
19+
--md-default-fg-color: var(--md-accent-fg-color);
20+
--md-default-fg-color--light: var(--md-accent-fg-color);
21+
--md-default-fg-color--lightest: var(--md-primary-fg-color--light);
22+
--md-code-hl-operator-color: var(--md-primary-fg-color--dark, #a8a8a8);
23+
}
24+
25+
[data-md-color-scheme="aib-dark"] {
26+
/* primary */
27+
--md-primary-fg-color: #fff;
28+
--md-primary-fg-color--light: #8e8e8e;
29+
--md-primary-fg-color--dark: #a8a8a8;
30+
--md-primary-bg-color: #1c1c1c;
31+
--md-primary-bg-color--light: #3a3a3a;
32+
--md-primary-bg-color--dark: #5a5a5a;
33+
34+
/* accent */
35+
--md-accent-fg-color: #fff;
36+
--md-accent-fg-color--transparent: #1c1c1c;
37+
38+
/* combi */
39+
--md-typeset-color: var(--md-primary-fg-color--dark, #a8a8a8);
40+
--md-default-bg-color: #282828;
41+
--md-typeset-a-color: var(--md-primary-fg-color, #000);
42+
--md-default-fg-color: var(--md-accent-fg-color);
43+
--md-default-fg-color--light: var(--md-accent-fg-color);
44+
--md-default-fg-color--lightest: var(--md-primary-fg-color--light);
45+
--md-code-hl-operator-color: var(--md-primary-fg-color--dark, #a8a8a8);
46+
}
47+
48+
:root {
49+
--ring-offset-shadow: 0 0 #0000;
50+
--ring-shadow: 0 0 #0000;
51+
--shadow: 16px 32px 128px -8px rgba(0, 0, 0, 0.07);
52+
}
53+
54+
/* Header */
55+
.md-header {
56+
position: fixed;
57+
width: calc(100% - 1.6rem);
58+
max-width: 61rem;
59+
left: 50%;
60+
top: 1rem;
61+
transform: translate3D(-50%, 0, 0);
62+
border-radius: 1rem;
63+
padding: 0.5rem 0.25rem;
64+
color: var(--md-primary-fg-color);
65+
background-color: var(--md-primary-bg-color);
66+
box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--shadow);
67+
}
68+
69+
@media screen and (min-width: 76.25em) {
70+
.md-header {
71+
width: 100%;
72+
padding: 0.5rem 1.25rem;
73+
}
74+
}
75+
76+
.md-header[hidden] {
77+
transform: translate3D(-50%, calc(-100% - 1rem), 0);
78+
}
79+
80+
.md-header + * {
81+
margin-top: 6rem;
82+
}
83+
84+
.md-header[hidden] + .md-container .md-sidebar {
85+
transform: translateY(-5rem);
86+
transition: 0.8s transform cubic-bezier(0.1, 0.7, 0.1, 1);
87+
transition-delay: 0.1s;
88+
}
89+
90+
.md-tabs {
91+
color: var(--md-primary-fg-color);
92+
background-color: var(--md-primary-bg-color);
93+
}
94+
.md-tabs__link {
95+
opacity: 0.6;
96+
}
97+
.md-tabs__link--active {
98+
opacity: 1;
99+
}
100+
.md-nav__link--passed {
101+
color: var(--md-primary-bg-color--dark);
102+
}
103+
104+
[data-md-color-scheme="aib-dark"] .md-header__button.md-logo img,
105+
[data-md-color-scheme="aib-dark"] .md-header__button.md-logo svg {
106+
filter: invert(1);
107+
}
108+
109+
/* SearchBar */
110+
.md-search {
111+
order: 2;
112+
}
113+
.md-search__form {
114+
background-color: var(--md-primary-bg-color);
115+
border-radius: 0.625rem;
116+
border: 1px solid var(--md-primary-fg-color--dark);
117+
}
118+
119+
[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
120+
border-radius: 0.625rem 0.625rem 0 0;
121+
}
122+
123+
[dir="ltr"] .md-search__output,
124+
[dir="rtl"] .md-search__output {
125+
border-radius: 0 0 0.625rem 0.625rem;
126+
}
127+
128+
.md-header__button {
129+
color: var(--md-primary-fg-color--dark);
130+
}
131+
132+
@media screen and (min-width: 60em) {
133+
[dir="ltr"] .md-header__source {
134+
margin-right: 1rem;
135+
margin-left: 0;
136+
}
137+
.md-search__input + .md-search__icon {
138+
color: var(--md-primary-fg-color--dark);
139+
}
140+
141+
.md-search__overlay {
142+
background-color: transparent;
143+
backdrop-filter: blur(3px);
144+
}
145+
}
146+
147+
@media screen and (min-width: 76.25em) {
148+
[dir="ltr"] .md-header__source {
149+
margin-right: 1.4rem;
150+
margin-left: 0;
151+
}
152+
}
153+
154+
@media screen and (max-width: 59.9375em) {
155+
[data-md-toggle="search"]:checked ~ .md-header .md-search__inner {
156+
height: 96vh;
157+
}
158+
}
159+
160+
.md-header__source {
161+
width: auto;
162+
order: 1;
163+
color: var(--md-primary-fg-color--dark);
164+
}
165+
.md-source__repository {
166+
display: none;
167+
}
168+
169+
/* Sidebar */
170+
.md-overlay {
171+
background-color: transparent;
172+
backdrop-filter: blur(3px);
173+
}
174+
175+
.md-sidebar__scrollwrap {
176+
margin-block-start: 1rem;
177+
}
178+
179+
@media screen and (max-width: 76.1875em) {
180+
.md-nav--primary .md-nav__item {
181+
width: calc(100% - 1.8rem);
182+
margin: auto;
183+
}
184+
.md-nav--primary .md-nav__link {
185+
padding: 0.6rem 0rem;
186+
}
187+
.md-nav--primary .md-nav__title[for="__drawer"] {
188+
background-color: var(--md-primary-bg-color);
189+
color: var(--md-primary-fg-color);
190+
}
191+
.md-nav--primary .md-nav__title ~ .md-nav__list {
192+
box-shadow: none;
193+
}
194+
}
195+
196+
@media screen and (max-width: 59.9375em) {
197+
.md-nav__source {
198+
background-color: var(--md-primary-bg-color--light);
199+
color: var(--md-typeset-a-color);
200+
}
201+
}
202+
203+
.md-sidebar {
204+
width: 85%;
205+
transition: 0.2s transform cubic-bezier(0.1, 0.7, 0.1, 1);
206+
}
207+
208+
@media screen and (min-width: 76.25em) {
209+
.md-sidebar {
210+
width: 12.1rem;
211+
}
212+
}
213+
214+
@media screen and (max-width: 76.1875em) {
215+
[dir="ltr"] .md-sidebar--primary {
216+
left: -85%;
217+
border-radius: 0 1rem 1rem 0;
218+
top: 1rem;
219+
overflow: hidden;
220+
height: calc(100% - 2rem);
221+
}
222+
223+
[data-md-toggle="drawer"]:checked ~ .md-container .md-sidebar--primary {
224+
transform: translateX(100%);
225+
}
226+
}
227+
228+
/* Main */
229+
.md-content__inner {
230+
margin-block-start: 0.3rem;
231+
}
232+
233+
.md-typeset .md-content__button {
234+
color: var(--md-primary-fg-color--dark);
235+
}
236+
237+
/* link */
238+
.md-typeset a {
239+
color: inherit;
240+
text-decoration: underline;
241+
}
242+
.md-typeset a:hover {
243+
color: var(--md-primary-fg-color);
244+
}
245+
246+
/* footer */
247+
.md-footer {
248+
width: 100%;
249+
max-width: 61rem;
250+
margin: 1rem auto;
251+
background-color: transparent;
252+
}
253+
254+
.md-footer__inner {
255+
overflow: initial;
256+
color: var(--md-accent-fg-color, #000);
257+
margin-inline: 0.8rem;
258+
flex-direction: column;
259+
}
260+
@media screen and (min-width: 76.1875em) {
261+
.md-footer__inner {
262+
margin-inline: 0;
263+
flex-direction: row;
264+
}
265+
}
266+
267+
.md-footer__link {
268+
background: var(--md-primary-bg-color);
269+
border-radius: 1rem;
270+
padding: 1rem;
271+
flex-basis: 100%;
272+
box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--shadow);
273+
}
274+
275+
[dir="ltr"] .md-footer__link--next {
276+
margin-left: 0;
277+
}
278+
279+
@media screen and (min-width: 59.9375em) {
280+
.md-footer__link {
281+
flex-basis: 45%;
282+
}
283+
.md-footer__inner {
284+
flex-direction: row;
285+
}
286+
}
287+
@media screen and (min-width: 76.1875em) {
288+
.md-footer__link {
289+
flex-basis: 30%;
290+
}
291+
}
292+
293+
@media screen and (max-width: 44.9375em) {
294+
.md-footer__link--prev .md-footer__title {
295+
display: block;
296+
}
297+
}
298+
299+
.md-footer-meta {
300+
margin-top: 2rem;
301+
border-top: 1px solid var(--md-primary-bg-color--light);
302+
background: transparent;
303+
}
304+
305+
html .md-footer-meta.md-typeset a {
306+
color: var(--md-primary-fg-color--light);
307+
}
308+
html .md-footer-meta.md-typeset a:hover {
309+
color: var(--md-primary-fg-color);
310+
}
311+
312+
.md-copyright__highlight {
313+
color: var(--md-default-fg-color--lightest);
314+
}
315+
316+
/* fonts */
317+
.md-typeset h1 {
318+
font-size: 1.8rem;
319+
font-weight: 700;
320+
line-height: 2rem;
321+
}
322+
323+
.md-typeset h2 {
324+
font-size: 1.25rem;
325+
font-weight: 700;
326+
line-height: 1.4rem;
327+
}
328+
329+
.md-typeset h3 {
330+
font-size: 1.1rem;
331+
line-height: 1rem;
332+
}
333+
334+
@media screen and (min-width: 76.1875em) {
335+
.md-typeset h1 {
336+
font-size: 2.5rem;
337+
line-height: 2.8rem;
338+
}
339+
340+
.md-typeset h2 {
341+
font-size: 2rem;
342+
line-height: 2rem;
343+
}
344+
345+
.md-typeset h3 {
346+
font-size: 1.25rem;
347+
line-height: 1rem;
348+
}
349+
}
350+
351+
.md-typeset img,
352+
.md-typeset svg,
353+
.md-typeset video,
354+
.md-typeset pre > code {
355+
border-radius: 1rem;
356+
}
357+
358+
.md-typeset code {
359+
background-color: var(--md-accent-fg-color--transparent);
360+
}
361+
362+
.md-typeset code,
363+
.md-typeset kbd,
364+
.md-typeset pre {
365+
color: var(--md-default-fg-color--lightest);
366+
}
367+
368+
/* md */
369+
.md-typeset .admonition,
370+
.md-typeset details {
371+
border-radius: 0.8rem;
372+
background: var(--md-primary-bg-color);
373+
color: var(--md-primary-fg-color);
374+
overflow: hidden;
375+
}

0 commit comments

Comments
 (0)