Skip to content

Vue2.0教程-优化间距 by wenswell

Screenshot of Vue2.0教程-优化间距

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

  1. 减少间距,增加可显示的内容量
  2. 优化目录的显示效果
  3. 之类的

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;
}

}

Reviews

No reviews yet.