OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improved CSS font-family variables

Browse Source
This commit is contained in:
squidfunk 2021-11-13 09:19:48 +01:00
parent a0ea9632da
commit 41785f1c57
7 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
material/assets/stylesheets/main.03d4cea5.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.03d4cea5.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/main.75e88914.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.75e88914.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

4
material/base.html
View File

@ -34,7 +34,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.03d4cea5.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.75e88914.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9204c3b2.min.css' | url }}">
@ -56,7 +56,7 @@
font.text | replace(' ', '+') + ':300,400,400i,700%7C' +
font.code | replace(' ', '+')
}}&display=fallback">
<style>:root{--md-text-font-family:"{{ font.text }}";--md-code-font-family:"{{ font.code }}"}</style>
<style>:root{--md-text-font:"{{ font.text }}";--md-code-font:"{{ font.code }}"}</style>
{% endif %}
{% endblock %}
{% for path in config["extra_css"] %}

18
src/assets/stylesheets/main/_typeset.scss
View File

@ -28,6 +28,16 @@
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
// Font with fallback for body copy
--md-text-font-family:
var(--md-text-font, _),
-apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
// Font with fallback for code
--md-code-font-family:
var(--md-code-font, _),
SFMono-Regular, Consolas, Menlo, monospace;
}
// Define default fonts
@ -35,9 +45,7 @@ body,
input {
color: var(--md-typeset-color);
font-feature-settings: "kern", "liga";
font-family:
var(--md-text-font-family, _),
-apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
font-family: var(--md-text-font-family);
}
// Define monospaced fonts
@ -46,9 +54,7 @@ pre,
kbd {
color: var(--md-typeset-color);
font-feature-settings: "kern";
font-family:
var(--md-code-font-family, _),
SFMono-Regular, Consolas, Menlo, monospace;
font-family: var(--md-code-font-family);
}
// ----------------------------------------------------------------------------

4
src/base.html
View File

@ -113,8 +113,8 @@
/>
<style>
:root {
--md-text-font-family: "{{ font.text }}";
--md-code-font-family: "{{ font.code }}";
--md-text-font: "{{ font.text }}";
--md-code-font: "{{ font.code }}";
}
</style>
{% endif %}