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

Switched content tabs to neutral color

Browse Source
This commit is contained in:
squidfunk
2023-09-22 14:00:40 +02:00
parent c9e4a5e265
commit 5deec283a0
4 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
material/templates/assets/stylesheets/main.1212ebcf.min.css → material/templates/assets/stylesheets/main.72749a73.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
material/templates/assets/stylesheets/main.1212ebcf.min.css.map → material/templates/assets/stylesheets/main.72749a73.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/templates/base.html
View File

@@ -44,7 +44,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.1212ebcf.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.72749a73.min.css' | url }}">
{% if config.theme.palette %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a5377069.min.css' | url }}">

20
src/templates/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss
View File

@@ -82,6 +82,11 @@
} }
} }
} }
// Tab indicator on keyboard focus
&.focus-visible ~ .tabbed-labels::before {
background-color: var(--md-accent-fg-color);
}
} }
} }
@@ -115,10 +120,11 @@
width: var(--md-indicator-width); width: var(--md-indicator-width);
height: 2px; height: 2px;
content: ""; content: "";
background: var(--md-accent-fg-color); background: var(--md-default-fg-color);
transition: transition:
width 225ms, width 225ms,
transform 250ms; background-color 250ms,
transform 250ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform: translateX(var(--md-indicator-x)); transform: translateX(var(--md-indicator-x));
} }
@@ -160,7 +166,7 @@
// Tab label on hover // Tab label on hover
&:hover { &:hover {
color: var(--md-accent-fg-color); color: var(--md-default-fg-color);
} }
} }
} }
@@ -374,18 +380,18 @@
// [screen]: Show active state // [screen]: Show active state
@media screen { @media screen {
color: var(--md-accent-fg-color); color: var(--md-default-fg-color);
// [no-js]: Show border (indicator is animated with JavaScript) // [no-js]: Show border (indicator is animated with JavaScript)
.no-js & { .no-js & {
border-color: var(--md-accent-fg-color); border-color: var(--md-default-fg-color);
} }
} }
} }
// Tab label on keyboard focus placeholder // Tab label on keyboard focus placeholder
%tabbed-label-focus-visible { %tabbed-label-focus-visible {
background-color: var(--md-accent-fg-color--transparent); color: var(--md-accent-fg-color);
} }
// Tab content placeholder // Tab content placeholder