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

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

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

//sidebar is automatically minimized in smaller views


.enable_minimized_responsive_menu() when(@enable-minimized-responsive-menu = true) {

	.sidebar-toggle.sidebar-expand {
		display: none;
	}
	@media (max-width: @grid-float-breakpoint-max) {
	 .menu-toggler.invisible {
		position: fixed;
		z-index: -999;
		visibility: hidden;
		opacity: 0;
		width: 1px;
		height: 1px;
	 }

	 .sidebar.responsive-min {
		.menu_min();
		
		&:before {
			display: block;
		}
		.sidebar-toggle.sidebar-collapse {
			display: none;
		}
		.sidebar-toggle.sidebar-expand {
			display: block;
		}

		+ .main-content {
			margin-left: @sidebar-min-width !important;
			.breadcrumb {
				margin-left: @breadcrumb-margin-left;
			}
		}
	 }

	 .sidebar.responsive-max {
		display: block;
		position: relative;
		left: @sidebar-width;
		margin-left: -(@sidebar-width);

		z-index: @zindex-sidebar-fixed;

		.sidebar-toggle {
			&.sidebar-collapse {
				display: none;
			}
			&.sidebar-expand {
				display: block;
			}
		}

		+ .main-content {
			margin-left: (@sidebar-min-width) !important;
			.breadcrumb {
				margin-left: @breadcrumb-margin-left;