【备份用】减少间距,增加可显示的内容量
Vue2.0教程-优化间距 by wenswell

Details
Authorwenswell
LicenseNo License
Categoryv2.cn.vuejs.org
Created
Updated
Code size2.1 kB
Code checksum858d8be6
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;
}
}