out/artifacts/book/assets/css/less/sidebar/responsive-3.less

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.enable_collapsible_responsive_menu() when(@enable-collapsible-responsive-menu = true) {

//3rd style responsive menu (the collapsible menu)

@media only screen and (min-width: @grid-float-breakpoint) {
 .sidebar.navbar-collapse {
	max-height: none;
 }
}

@media only screen and (max-width: @grid-float-breakpoint-max) {
 .sidebar.navbar-collapse {
	position: relative;
	float: none !important;//to override .rtl's
	margin-top: auto;
	z-index: 1;//for box-shadow to be visible

	width: 100% !important;
	max-height: @pre-scrollable-max-height;
	margin-left: 0;
	margin-right: 0;

	&:before {
		display: none;
	}

	.nav-list > li:last-child {
		border-bottom-width: 0;
	}
	.nav-list > li > a {
		padding-top: 10px !important;//to override .compact, etc
		padding-bottom: 10px !important;

		line-height: 20px !important;
		height: @nav-item-height + 2 !important;
	}
	.nav-list > li:before {
		height: @nav-item-height + 4 !important;
	}
	.nav-list > li.active:after {
		display: none;
	}

	//-li > .arrow
	li > .arrow {
		display: none !important;
	}

	.nav-list li > .submenu {
		border-left-width: 0 !important;
	}

	.sidebar-toggle {
		display: none !important;
	}
	.sidebar-shortcuts {
		padding: 3px 0 6px !important;
		max-height: none !important;
		border-bottom-width: 0;
	}