【备份用】减少间距,增加可显示的内容量
Vue2.0教程-优化间距 by wenswell
Details
Authorwenswell
LicenseNo License
Categoryv2.cn.vuejs.org
Created
Updated
Size2.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
主要是备份,只适配Win10+最新版Chrome
- 减少间距,增加可显示的内容量
- 优化目录的显示效果
- 之类的
Source code
/* ==UserStyle==
@name Vue2.0教程-优化间距
@version 20230510.08.44
@namespace userstyles.world/user/wenswell
@description 【备份用】减少间距,增加可显示的内容量
@author wenswell
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://v2.cn.vuejs.org/v2/") {
/* 不太完善部分 */
/* 应该分开来的,不然有些间距过小,但是懒得改了 */
body.docs #main .content figure,
body.docs #main .demo,
body.docs #main .content .demo,
body.docs #main .content p,
body.docs #main pre {
margin: 0.2em 0;
padding-bottom: 0;
}
body.docs #main .content .highlight > table > tbody > tr > td > pre {
box-shadow: 1px 2px 2px #ddd, 0px -1px 5px #ddd;
}
#demo, .demo, .content .demo {
-webkit-user-select: unset;
-moz-user-select: unset;
-ms-user-select: unset;
user-select: unset;
}
}
@-moz-document url-prefix("https://v2.cn.vuejs.org/v2/") {
/* 差不多了 */
#v3-banner {
display: none!important;
}
body.docs {
padding-top: unset;
}
body.docs #header {
top: auto;
padding: 0 1em;
opacity: 0.05;
transition: 50ms;
}
body.docs #header:hover {
opacity: 0.95;
}
body.docs #header #nav > li:nth-child(n+2):nth-child(-n+3) > a {
letter-spacing: 1em;
}
body.docs #header #nav > li:nth-child(n+4) {
display: none!important;
}
body.docs #main {
padding: 0;
}
body.docs #main .sidebar {
top: 50px;
}
body.docs #main .sidebar .sidebar-inner {
width: 12em;
padding: 0 0.5em;
zoom: 0.9;
}
body.docs #main .sidebar #sidebar-sponsors-special {
display: none!important;
}
body.docs #main .sidebar .sidebar-inner .menu-root li {
border-left: 2px solid #eee;
margin-top: 0em;
padding-top: 0.5em;
padding-left: 0.25em;
}
body.docs #main .sidebar .sidebar-inner .menu-root li:hover {
border-left-color: #666;
}
body.docs #main .sidebar .sidebar-inner .menu-root li a:hover {
color: #000;
}
body.docs #main .content {
max-width: unset;
padding: 0 1em;
margin-left: 13em;
}
body.docs #main .content .vueschool {
display: none!important;
}
}