element-plus/docs/.vitepress/vitepress/styles/content.scss
qiang a4063fd8d2
docs: accessibility improvement (#11825)
* docs: accessibility improvement for navbar

* docs: accessibility improvement for demo

* refactor: replace ElPopover with ElDropdown

* docs: accessibility improvement for nav-full

* docs: accessibility improvement for back-to-top

* feat: add skip link that jump to the content
2023-03-10 14:43:22 +08:00

40 lines
860 B
SCSS

@use './mixins' as *;
@use './vars' as *;
@use './content/doc-content';
@use './content/hero-content';
@use './content/tag-content';
.page-content {
outline: none;
@include respond-to('lg') {
padding-top: var(--nav-height);
&.has-sidebar {
padding-left: calc(var(--sidebar-width-sm) + 10px);
@include respond-to('xlg') {
padding-left: calc(var(--vp-sidebar-width-small) - $scrollbar-size);
}
@include respond-to('xxl') {
padding-left: calc(
(100% - var(--vp-screen-max-width)) / 2 +
var(--vp-sidebar-width-small)
);
}
}
}
.doc-content a {
display: inline-flex;
align-items: center;
&.vp-link {
white-space: nowrap;
word-break: keep-all;
}
.link-icon {
margin-left: 0.25rem;
height: 1em;
width: 1em;
}
}
}