mkdocs-tacc 0.2.0__tar.gz
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.
- mkdocs_tacc-0.2.0/LICENSE +21 -0
- mkdocs_tacc-0.2.0/PKG-INFO +103 -0
- mkdocs_tacc-0.2.0/README.md +50 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/__init.py__ +0 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/README.md +11 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/__init__.py +0 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/bootstrap.css +39 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/core-docs.css +90 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/core-styles.base.css +8 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/core-styles.docs.css +46 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/highlight-js.css +61 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/mkdocs.css +7 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/pymdownx.css +78 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/python-markdown.css +56 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/readthedocs-reskin.css +310 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme/readthedocs-revert.css +4 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/css/tacc-theme.css +25 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/footer.html +39 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/img/favicon.ico +0 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/img/logo.svg +1 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme/addIconToExternalLinks.js +37 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme/addPageNameToRoot.js +3 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme/autoScrollNavOnPageReload.js +43 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme/redirectNavLinks.js +9 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme/removeSectionClass.js +5 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme/setTargetForExternalLinks.mjs +3 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme/swapImgSvgWithRawSvg.mjs +6 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/js/tacc-theme.mjs +7 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/locales/en/LC_MESSAGES/messages.mo +0 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/locales/en/LC_MESSAGES/messages.po +13 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/main.html +134 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/mkdocs_theme.yml +28 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/nav.html +30 -0
- mkdocs_tacc-0.2.0/mkdocs_tacc/tacc_readthedocs/searchbox.html +9 -0
- mkdocs_tacc-0.2.0/pyproject.toml +48 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Texas Advanced Computing Center (TACC)
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
Metadata-Version: 2.3
|
|
2
|
+
Name: mkdocs-tacc
|
|
3
|
+
Version: 0.2.0
|
|
4
|
+
Summary: TACC ReadTheDocs theme for MkDocs
|
|
5
|
+
License: MIT License
|
|
6
|
+
|
|
7
|
+
Copyright (c) 2023 Texas Advanced Computing Center (TACC)
|
|
8
|
+
|
|
9
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
10
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
11
|
+
in the Software without restriction, including without limitation the rights
|
|
12
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
13
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
14
|
+
furnished to do so, subject to the following conditions:
|
|
15
|
+
|
|
16
|
+
The above copyright notice and this permission notice shall be included in all
|
|
17
|
+
copies or substantial portions of the Software.
|
|
18
|
+
|
|
19
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
20
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
21
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
22
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
23
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
24
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
25
|
+
SOFTWARE.
|
|
26
|
+
Author: TACC COA CMD
|
|
27
|
+
Author-email: coa-cmd@tacc.utexas.edu
|
|
28
|
+
Maintainer: TACC COA CMD
|
|
29
|
+
Maintainer-email: coa-cmd@tacc.utexas.edu
|
|
30
|
+
Requires-Python: >=3.10,<3.13
|
|
31
|
+
Classifier: Development Status :: 5 - Production/Stable
|
|
32
|
+
Classifier: Environment :: Web Environment
|
|
33
|
+
Classifier: Framework :: MkDocs
|
|
34
|
+
Classifier: Intended Audience :: Information Technology
|
|
35
|
+
Classifier: License :: OSI Approved :: BSD License
|
|
36
|
+
Classifier: License :: Other/Proprietary License
|
|
37
|
+
Classifier: Operating System :: OS Independent
|
|
38
|
+
Classifier: Programming Language :: Python :: 3
|
|
39
|
+
Classifier: Programming Language :: Python :: 3.10
|
|
40
|
+
Classifier: Programming Language :: Python :: 3.11
|
|
41
|
+
Classifier: Programming Language :: Python :: 3.12
|
|
42
|
+
Classifier: Topic :: Documentation
|
|
43
|
+
Provides-Extra: i18n
|
|
44
|
+
Requires-Dist: mkdocs (==1.4.3)
|
|
45
|
+
Requires-Dist: mkdocs-exclude-search (>=0.6.5)
|
|
46
|
+
Requires-Dist: mkdocs[i18n] (==1.4.3) ; extra == "i18n"
|
|
47
|
+
Requires-Dist: pymdown-extensions (>=10.4.0)
|
|
48
|
+
Project-URL: changelog, https://github.com/TACC/Core-Docs/releases
|
|
49
|
+
Project-URL: github, https://github.com/TACC/Core-Docs
|
|
50
|
+
Project-URL: issues, https://github.com/TACC/Core-Docs/issues
|
|
51
|
+
Description-Content-Type: text/markdown
|
|
52
|
+
|
|
53
|
+
# TACC MkDocs Theme & Guide & Demo
|
|
54
|
+
|
|
55
|
+
A guide and demo for [TACC](https://www.tacc.utexas.edu/)'s [MkDocs](https://www.mkdocs.org/) documentation theme based on MkDocs' own [ReadTheDocs theme](https://www.mkdocs.org/user-guide/choosing-your-theme/#readthedocs) but with a [TACC styling and features](https://docs.tacc.utexas.edu/).
|
|
56
|
+
|
|
57
|
+
## Quick Start
|
|
58
|
+
|
|
59
|
+
<!-- Keep these steps synced with /docs/index.md -->
|
|
60
|
+
|
|
61
|
+
1. Install the theme e.g.
|
|
62
|
+
|
|
63
|
+
```shell
|
|
64
|
+
pip install mkdocs-tacc
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
2. Use the theme in your MkDocs project; set —
|
|
68
|
+
|
|
69
|
+
```yaml
|
|
70
|
+
theme:
|
|
71
|
+
name: tacc_readthedocs
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
— in your `mkdocs.yml`.
|
|
75
|
+
|
|
76
|
+
3. Include _at least_ the [minimum set of extensions] —
|
|
77
|
+
|
|
78
|
+
```yaml
|
|
79
|
+
markdown_extensions:
|
|
80
|
+
- toc:
|
|
81
|
+
permalink: "" # i.e. `true` but without "¶"
|
|
82
|
+
permalink_class: headerlink fa fa-link
|
|
83
|
+
permalink_title: Link to Heading
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
— in your `mkdocs.yml`.
|
|
87
|
+
|
|
88
|
+
[core extensions]: ./docs/extensions.md#core-extensions
|
|
89
|
+
|
|
90
|
+
Learn to [configure](./docs/configure.md), [customize](./docs/customize.md), and [extend](./docs/extensions.md) your MkDocs site.
|
|
91
|
+
|
|
92
|
+
## Known Clients
|
|
93
|
+
|
|
94
|
+
| Status | Repository |
|
|
95
|
+
| - | - |
|
|
96
|
+
| Active | None |
|
|
97
|
+
| Upcoming | [TACC-Docs](https://github.com/TACC/TACC-Docs)<br>[DesignSafe-CI/DS-User-Guide](https://github.com/DesignSafe-CI/DS-User-Guide) |
|
|
98
|
+
| Potential | [TACC/containers_at_tacc](https://github.com/TACC/containers_at_tacc)<br>[TACC/life_sciences_ml_at_tacc](https://github.com/TACC/life_sciences_ml_at_tacc) |
|
|
99
|
+
|
|
100
|
+
## For Developers
|
|
101
|
+
|
|
102
|
+
Learn [how to **develop**](./DEVELOP.md) and [how to **deploy**](./DEPLOY.md).
|
|
103
|
+
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
# TACC MkDocs Theme & Guide & Demo
|
|
2
|
+
|
|
3
|
+
A guide and demo for [TACC](https://www.tacc.utexas.edu/)'s [MkDocs](https://www.mkdocs.org/) documentation theme based on MkDocs' own [ReadTheDocs theme](https://www.mkdocs.org/user-guide/choosing-your-theme/#readthedocs) but with a [TACC styling and features](https://docs.tacc.utexas.edu/).
|
|
4
|
+
|
|
5
|
+
## Quick Start
|
|
6
|
+
|
|
7
|
+
<!-- Keep these steps synced with /docs/index.md -->
|
|
8
|
+
|
|
9
|
+
1. Install the theme e.g.
|
|
10
|
+
|
|
11
|
+
```shell
|
|
12
|
+
pip install mkdocs-tacc
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
2. Use the theme in your MkDocs project; set —
|
|
16
|
+
|
|
17
|
+
```yaml
|
|
18
|
+
theme:
|
|
19
|
+
name: tacc_readthedocs
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
— in your `mkdocs.yml`.
|
|
23
|
+
|
|
24
|
+
3. Include _at least_ the [minimum set of extensions] —
|
|
25
|
+
|
|
26
|
+
```yaml
|
|
27
|
+
markdown_extensions:
|
|
28
|
+
- toc:
|
|
29
|
+
permalink: "" # i.e. `true` but without "¶"
|
|
30
|
+
permalink_class: headerlink fa fa-link
|
|
31
|
+
permalink_title: Link to Heading
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
— in your `mkdocs.yml`.
|
|
35
|
+
|
|
36
|
+
[core extensions]: ./docs/extensions.md#core-extensions
|
|
37
|
+
|
|
38
|
+
Learn to [configure](./docs/configure.md), [customize](./docs/customize.md), and [extend](./docs/extensions.md) your MkDocs site.
|
|
39
|
+
|
|
40
|
+
## Known Clients
|
|
41
|
+
|
|
42
|
+
| Status | Repository |
|
|
43
|
+
| - | - |
|
|
44
|
+
| Active | None |
|
|
45
|
+
| Upcoming | [TACC-Docs](https://github.com/TACC/TACC-Docs)<br>[DesignSafe-CI/DS-User-Guide](https://github.com/DesignSafe-CI/DS-User-Guide) |
|
|
46
|
+
| Potential | [TACC/containers_at_tacc](https://github.com/TACC/containers_at_tacc)<br>[TACC/life_sciences_ml_at_tacc](https://github.com/TACC/life_sciences_ml_at_tacc) |
|
|
47
|
+
|
|
48
|
+
## For Developers
|
|
49
|
+
|
|
50
|
+
Learn [how to **develop**](./DEVELOP.md) and [how to **deploy**](./DEPLOY.md).
|
|
File without changes
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
# TACC Theme Based on MkDocs' ReadTheDocs Theme
|
|
2
|
+
|
|
3
|
+
This theme is based on [MkDocs' "ReadTheDocs" theme](https://www.mkdocs.org/user-guide/choosing-your-theme/#readthedocs). To use:
|
|
4
|
+
|
|
5
|
+
> [!CAUTION]
|
|
6
|
+
> Do **not** copy these files to your project.
|
|
7
|
+
|
|
8
|
+
> [!TIP]
|
|
9
|
+
> Install the theme into your project. [Learn how.](../README.md#quick-start)
|
|
10
|
+
|
|
11
|
+
The assets and configuration are unique for TACC. The templates are edits of [the templates of MkDocs' "ReadTheDocs" theme from v1.4.2+](https://github.com/mkdocs/mkdocs/blob/1.4.2/mkdocs/themes/readthedocs/).
|
|
File without changes
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/* to make embedded media responsive */
|
|
2
|
+
/* https://getbootstrap.com/docs/4.0/utilities/embed/ */
|
|
3
|
+
|
|
4
|
+
.embed-responsive {
|
|
5
|
+
position: relative;
|
|
6
|
+
display: block;
|
|
7
|
+
width: 100%;
|
|
8
|
+
padding: 0;
|
|
9
|
+
overflow: hidden;
|
|
10
|
+
}
|
|
11
|
+
.embed-responsive::before {
|
|
12
|
+
display: block;
|
|
13
|
+
content: "";
|
|
14
|
+
}
|
|
15
|
+
.embed-responsive .embed-responsive-item,
|
|
16
|
+
.embed-responsive iframe,
|
|
17
|
+
.embed-responsive embed,
|
|
18
|
+
.embed-responsive object,
|
|
19
|
+
.embed-responsive video {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 0;
|
|
22
|
+
bottom: 0;
|
|
23
|
+
left: 0;
|
|
24
|
+
width: 100%;
|
|
25
|
+
height: 100%;
|
|
26
|
+
border: 0;
|
|
27
|
+
}
|
|
28
|
+
.embed-responsive-21by9::before {
|
|
29
|
+
padding-top: 42.857143%;
|
|
30
|
+
}
|
|
31
|
+
.embed-responsive-16by9::before {
|
|
32
|
+
padding-top: 56.25%;
|
|
33
|
+
}
|
|
34
|
+
.embed-responsive-4by3::before {
|
|
35
|
+
padding-top: 75%;
|
|
36
|
+
}
|
|
37
|
+
.embed-responsive-1by1::before {
|
|
38
|
+
padding-top: 100%;
|
|
39
|
+
}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
/* TODO: Migrate some of this to TACC/Core-Styles' `core-styles.docs.css` */
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
/* ELEMENTS */
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
/* to ensure paragraph font size matches core-styles.docs.css */
|
|
10
|
+
/* FAQ: If ineffectual, theme.css font size may match core-styles.docs.css */
|
|
11
|
+
p {
|
|
12
|
+
font-size: inherit; /* to overwrite theme.css */
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
/* to prevent figure image overflow */
|
|
17
|
+
figure {
|
|
18
|
+
max-width: 100%; /* mimics theme.css `.rst-content img` */
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* to add border around figures */
|
|
22
|
+
figure {
|
|
23
|
+
border: var(--global-border--normal);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
/* For edge-case headings */
|
|
28
|
+
:is(h1, h2, h3, h4, h5, h6) > small,
|
|
29
|
+
.understate:is(h1, h2, h3, h4, h5, h6) {
|
|
30
|
+
font-weight: normal;
|
|
31
|
+
margin-block: 0;
|
|
32
|
+
}
|
|
33
|
+
details > summary > :is(h1, h2, h3, h4, h5, h6) {
|
|
34
|
+
display: inline-block;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
/* to prevent wrap of certain tags */
|
|
39
|
+
u, /* "unarticulated" demarkation of phrases that should not wrap */
|
|
40
|
+
code:not([class]):not(pre > *) /* free-form code lines should never wrap */ {
|
|
41
|
+
white-space: nowrap;
|
|
42
|
+
}
|
|
43
|
+
u {
|
|
44
|
+
text-decoration: none; /* to undo browser default */
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
/* COMPONENTS */
|
|
51
|
+
|
|
52
|
+
/* Grid */
|
|
53
|
+
|
|
54
|
+
.grid {
|
|
55
|
+
display: grid;
|
|
56
|
+
gap: var(--global-space--grid-gap);
|
|
57
|
+
grid-template-columns: 1fr 1fr;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
/* Headings */
|
|
62
|
+
|
|
63
|
+
/* to style text like an <h2>, <h3>, etc. */
|
|
64
|
+
/* FAQ: Design wants <h3> on index page, but it should NOT show in nav */
|
|
65
|
+
/* TODO: Either, find a solution that does not involve "fake header" class */
|
|
66
|
+
/* TODO: Or, support fake headers in Core (must then define margins) */
|
|
67
|
+
.h2 {
|
|
68
|
+
/* to mimic browser */
|
|
69
|
+
display: block;
|
|
70
|
+
margin-block-start: 0.83em;
|
|
71
|
+
margin-block-end: 0.83em;
|
|
72
|
+
margin-inline-start: 0px;
|
|
73
|
+
margin-inline-end: 0px;
|
|
74
|
+
|
|
75
|
+
/* to mimic core-styles.docs */
|
|
76
|
+
font-size: var(--global-font-size--xx-large);
|
|
77
|
+
font-weight: var(--bold);
|
|
78
|
+
}
|
|
79
|
+
.h3 {
|
|
80
|
+
/* to mimic browser */
|
|
81
|
+
display: block;
|
|
82
|
+
margin-block-start: 1em;
|
|
83
|
+
margin-block-end: 1em;
|
|
84
|
+
margin-inline-start: 0px;
|
|
85
|
+
margin-inline-end: 0px;
|
|
86
|
+
|
|
87
|
+
/* to mimic core-styles.docs */
|
|
88
|
+
font-size: var(--global-font-size--x-large);
|
|
89
|
+
font-weight: var(--bold);
|
|
90
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/* to enable ReadTheDocs' fake links in nav */
|
|
2
|
+
/* https://github.com/mkdocs/mkdocs/blob/1.4.2/mkdocs/themes/readthedocs/nav.html#L1 */
|
|
3
|
+
/* https://github.com/TACC/Core-Styles/blob/v2.40.2/src/lib/_imports/elements/links.css#L9 */
|
|
4
|
+
a:not([href]).reference.internal {
|
|
5
|
+
/* https://github.com/TACC/Core-Styles/blob/v2.40.2/src/lib/_imports/tools/x-link.css#L16-17 */
|
|
6
|
+
opacity: revert-layer;
|
|
7
|
+
pointer-events: revert-layer;
|
|
8
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* To reduce padding in sections */
|
|
2
|
+
.section--light,
|
|
3
|
+
.section--muted,
|
|
4
|
+
.section--dark {
|
|
5
|
+
--padding-top: 20px;
|
|
6
|
+
--padding-bottom: 20px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
/* To support .c-card on mobile (which Core-Styles does not do) */
|
|
11
|
+
|
|
12
|
+
/* To add field of color in neg. space beside short image */
|
|
13
|
+
/* FAQ: This field is only possibly shown:
|
|
14
|
+
- at certain screen widths
|
|
15
|
+
- for certain image dimensions */
|
|
16
|
+
@media (576px <= width < 768px), (992px < width) {
|
|
17
|
+
[class*="card--image-"] {
|
|
18
|
+
overflow: hidden; /* hide box-shadow that would bleed outside of card */
|
|
19
|
+
}
|
|
20
|
+
.c-card--image-top > img,
|
|
21
|
+
.c-card--image-bottom > img {
|
|
22
|
+
box-shadow: 25vw 0 white; /* for short image on narrow screen */
|
|
23
|
+
}
|
|
24
|
+
.c-card--image-left > img,
|
|
25
|
+
.c-card--image-right > img {
|
|
26
|
+
box-shadow: 0 10vw black; /* for narrow image on wide screen */
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* To remove side-by-side layout when image becomes too small */
|
|
31
|
+
@media (768px <= width < 992px), (width < 576px) {
|
|
32
|
+
.c-card--image-left,
|
|
33
|
+
.c-card--image-right {
|
|
34
|
+
padding: unset; /* overwrites .c-card--image-… */
|
|
35
|
+
display: block; /* overwrites .c-card--image-… */
|
|
36
|
+
}
|
|
37
|
+
.c-card--image-left > img,
|
|
38
|
+
.c-card--image-right > img {
|
|
39
|
+
margin-block: unset; /* undo .c-card--image-… */
|
|
40
|
+
}
|
|
41
|
+
.c-card--image-left > p,
|
|
42
|
+
.c-card--image-right > p {
|
|
43
|
+
padding: calc( var(--global-space--pattern-pad) / 2);
|
|
44
|
+
margin: 0; /* overwrites core-styles, bootstrap, ReadTheDocs */
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/* mkdocs.base.yml: theme: highlightjs, hljs_aliases */
|
|
2
|
+
/* https://www.mkdocs.org/user-guide/choosing-your-theme/#readthedocs */
|
|
3
|
+
|
|
4
|
+
/* To change style for each type of code block (HighlightJS or TACC) */
|
|
5
|
+
pre.cmd-line code,
|
|
6
|
+
code.language-cmd-line {
|
|
7
|
+
background: var(--global-color-primary--x-light);
|
|
8
|
+
}
|
|
9
|
+
pre.job-script code,
|
|
10
|
+
code.language-job-script {
|
|
11
|
+
background: var(--global-color-accent--xxx-light);
|
|
12
|
+
}
|
|
13
|
+
pre.syntax code,
|
|
14
|
+
code.language-syntax {
|
|
15
|
+
background: var(--global-color-tertiary--xx-light);
|
|
16
|
+
}
|
|
17
|
+
@supports selector(:has(*)) {
|
|
18
|
+
/* To support code blocks that are not using <code> (yet) */
|
|
19
|
+
pre.cmd-line:not(:has(code)) {
|
|
20
|
+
background: var(--global-color-primary--x-light);
|
|
21
|
+
}
|
|
22
|
+
pre.job-script:not(:has(code)) {
|
|
23
|
+
background: var(--global-color-accent--xxx-light);
|
|
24
|
+
}
|
|
25
|
+
pre.syntax:not(:has(code)) {
|
|
26
|
+
background: var(--global-color-tertiary--xx-light);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* To disuade users from blind copy/paste-use of syntax */
|
|
31
|
+
pre.syntax code,
|
|
32
|
+
code.language-syntax {
|
|
33
|
+
-webkit-user-select: none;
|
|
34
|
+
user-select: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* To replicate missing styles on TACC code blocks */
|
|
38
|
+
pre.cmd-line code,
|
|
39
|
+
pre.job-script code {
|
|
40
|
+
/* To replicate HighlightJS code blocks */
|
|
41
|
+
overflow-x: auto;
|
|
42
|
+
}
|
|
43
|
+
@supports selector(:has(*)) {
|
|
44
|
+
/* To support code blocks that are not using <code> (yet) */
|
|
45
|
+
pre.cmd-line:not(:has(code)),
|
|
46
|
+
pre.job-script:not(:has(code)) {
|
|
47
|
+
/* To replicate HighlightJS code blocks */
|
|
48
|
+
overflow-x: auto;
|
|
49
|
+
|
|
50
|
+
/* To replicate Core Styles code blocks */
|
|
51
|
+
display: inline-block;
|
|
52
|
+
padding: var(--global-space--x-small) var(--global-space--small);
|
|
53
|
+
border: var(--global-border-width--normal) solid var(--global-color-primary--light);
|
|
54
|
+
color: var(--global-color-primary--xx-dark);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* To remove space above and below code block in a figure */
|
|
59
|
+
figure pre.highlight {
|
|
60
|
+
margin-block: unset; /* undo browser */
|
|
61
|
+
}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/* ADMONITION */
|
|
2
|
+
/* https://facelessuser.github.io/pymdown-extensions/extensions/blocks/plugins/admonition/ */
|
|
3
|
+
|
|
4
|
+
/* to add space between plugin blocks */
|
|
5
|
+
.admonition,
|
|
6
|
+
.tabbed-set {
|
|
7
|
+
margin-block: 1em;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/* to add space between messages & content */
|
|
11
|
+
/* to remove empty paragraphs */
|
|
12
|
+
/* SEE: /docs/code-examples.md */
|
|
13
|
+
/* HELP: What markdown would avoid these? */
|
|
14
|
+
.admonition p:empty {
|
|
15
|
+
display: none;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/* to add admonition icons */
|
|
19
|
+
.admonition::before {
|
|
20
|
+
/* copied from .fa (only the active rules not overwritten by TACC) */
|
|
21
|
+
font-family: FontAwesome;
|
|
22
|
+
font-style: normal;
|
|
23
|
+
font-weight: 400;
|
|
24
|
+
line-height: 1;
|
|
25
|
+
text-decoration: inherit;
|
|
26
|
+
text-rendering: auto;
|
|
27
|
+
-webkit-font-smoothing: antialiased;
|
|
28
|
+
}
|
|
29
|
+
.admonition:is(.caution)::before { content: "\f071"; }
|
|
30
|
+
.admonition:is(.important, .attention)::before { content: "\f12a"; }
|
|
31
|
+
.admonition:is(.warning)::before { content: "\f00d"; }
|
|
32
|
+
.admonition:is(.tip)::before { content: "\f0eb"; }
|
|
33
|
+
.admonition:is(.note)::before { content: "\f040"; }
|
|
34
|
+
.admonition:is(.hint)::before { content: "\f00c"; }
|
|
35
|
+
.admonition:is(.error, .danger)::before { content: "\f00d"; }
|
|
36
|
+
.admonition:is(.warning)::before {
|
|
37
|
+
color: transparent;
|
|
38
|
+
-webkit-text-stroke: var(--global-color-primary--xx-light) 2px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
/* to remove admonition title icon */
|
|
43
|
+
.admonition-title::before { display: none; }
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
/* to give admonition block content a backgroud */
|
|
47
|
+
.admonition div.tabbed-set,
|
|
48
|
+
.admonition.note pre > code,
|
|
49
|
+
.admonition table {
|
|
50
|
+
background-color: var(--global-color-background--app);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
/* BLOCKS: TAB */
|
|
57
|
+
/* https://facelessuser.github.io/pymdown-extensions/extensions/blocks/plugins/tab/ */
|
|
58
|
+
/* TABBED */
|
|
59
|
+
/* https://facelessuser.github.io/pymdown-extensions/extensions/tabbed/ */
|
|
60
|
+
/* https://github.com/TACC/Core-Styles/blob/main/src/lib/_imports/components/pymdownx--tabbed.css */
|
|
61
|
+
|
|
62
|
+
/* to add Docs-specific styles */
|
|
63
|
+
.tabbed-set {
|
|
64
|
+
border: var(--global-border-width--thick) solid var(--global-color-primary--dark);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/* to stretch tabs that just have a code block */
|
|
68
|
+
.tabbed-content > pre:only-child {
|
|
69
|
+
margin-inline: calc( -1 * var(--buffer) );
|
|
70
|
+
margin-block: unset; /* overwrite core-style.docs */
|
|
71
|
+
}
|
|
72
|
+
.tabbed-content > pre:only-child > code {
|
|
73
|
+
border: unset; /* overwrite core-style.docs */
|
|
74
|
+
padding: var(--buffer); /* overwrite core-style.docs */
|
|
75
|
+
|
|
76
|
+
width: 100%; /* overwrite core-style.docs */
|
|
77
|
+
box-sizing: border-box; /* so `width: 100%` does not overflow */
|
|
78
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/* TOC */
|
|
2
|
+
/* https://python-markdown.github.io/extensions/toc/#usage */
|
|
3
|
+
/* RFE: Support via Core-Styles class */
|
|
4
|
+
|
|
5
|
+
.headerlink {
|
|
6
|
+
font-size: var(--global-font-size--x-large);
|
|
7
|
+
text-decoration: none;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@supports selector(:has(*)) {
|
|
11
|
+
|
|
12
|
+
/* to reposition permalink */
|
|
13
|
+
/* NOTE: Unnecessary if MkDocs config sets `permalink_leading: true` */
|
|
14
|
+
/* https://github.com/mkdocs/mkdocs/blob/1.5.0/pyproject.toml#L39 */
|
|
15
|
+
:has(> .headerlink) {
|
|
16
|
+
position: relative;
|
|
17
|
+
}
|
|
18
|
+
.headerlink {
|
|
19
|
+
position: absolute;
|
|
20
|
+
|
|
21
|
+
/* to add space between it and heading */
|
|
22
|
+
--x-space: 0.5em;
|
|
23
|
+
padding-right: var(--x-space);
|
|
24
|
+
|
|
25
|
+
/* to move to the left of the heading */
|
|
26
|
+
left: 0;
|
|
27
|
+
--x-offset: calc( 1ch + var(--x-space) );
|
|
28
|
+
|
|
29
|
+
/* to vertically center */
|
|
30
|
+
top: 50%;
|
|
31
|
+
--y-offset: 50%;
|
|
32
|
+
|
|
33
|
+
transform: translate(
|
|
34
|
+
calc( -1 * var(--x-offset)),
|
|
35
|
+
calc( -1 * var(--y-offset))
|
|
36
|
+
);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/* to use link color only on hover, otherwise use pale text color */
|
|
40
|
+
.headerlink:not(:hover) {
|
|
41
|
+
color: inherit;
|
|
42
|
+
opacity: 0.5;
|
|
43
|
+
}
|
|
44
|
+
/* to hide except on hover over it or heading */
|
|
45
|
+
.headerlink:not(:hover, :hover > *) {
|
|
46
|
+
opacity: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
}
|
|
50
|
+
@supports not selector(:has(*)) {
|
|
51
|
+
|
|
52
|
+
.headerlink {
|
|
53
|
+
margin-left: 0.5ch;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
}
|