AdminLTE/build/scss/_layout.scss

134 lines
2.0 KiB
SCSS
Raw Normal View History

2015-10-31 21:00:16 +00:00
/*
* Core: General Layout Style
* -------------------------
*/
html,
body {
2016-01-16 16:27:23 +00:00
height: 100%;
2015-10-31 21:00:16 +00:00
}
2016-01-16 16:27:23 +00:00
html,
body,
.wrapper {
height: 100%;
2015-10-31 21:00:16 +00:00
overflow-x: hidden;
}
2016-01-16 16:27:23 +00:00
.layout-boxed {
background: url('#{$boxed-layout-bg-image-path}') #ccc repeat;
}
2015-10-31 21:00:16 +00:00
.wrapper {
.layout-boxed & {
2016-10-15 17:20:09 +00:00
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
2016-01-16 16:27:23 +00:00
&,
&:before {
margin: 0 auto;
max-width: $boxed-layout-max-width;
}
2015-10-31 21:00:16 +00:00
}
}
2016-01-16 16:27:23 +00:00
.wrapper:before,
.main-sidebar:before {
2016-10-15 17:20:09 +00:00
content: " ";
position: fixed;
2016-01-16 16:27:23 +00:00
top: 0;
bottom: 0;
z-index: -1;
2015-10-31 21:00:16 +00:00
}
2016-01-16 16:27:23 +00:00
.wrapper:before {
background: $main-bg;
width: 100%;
2015-11-09 13:51:11 +00:00
}
2016-01-16 16:27:23 +00:00
2015-10-31 21:00:16 +00:00
.content-wrapper,
.main-footer {
margin-left: $sidebar-width;
2016-01-16 16:27:23 +00:00
z-index: 3000;
2015-10-31 21:00:16 +00:00
.sidebar-collapse & {
2016-01-16 16:27:23 +00:00
margin-left: 0;
2015-10-31 21:00:16 +00:00
}
2016-10-15 17:20:09 +00:00
@media(max-width: breakpoint-max(md)) {
&,
&:before {
margin-left: 0;
}
}
2015-10-31 21:00:16 +00:00
}
.content-wrapper,
2016-01-16 16:27:23 +00:00
.main-sidebar {
@include calc("min-height", "100% - #{$main-header-height + $main-footer-height}");
2015-10-31 21:00:16 +00:00
}
2016-10-15 17:20:09 +00:00
.content-wrapper,
.main-footer,
.main-sidebar,
.main-sidebar {
&,
&:before {
@include transition(margin-left $transition-speed $transition-fn);
}
}
2016-01-16 16:27:23 +00:00
.content-wrapper {
background: $main-bg;
> .content-header,
> .content {
display: table;
width: 100%;
2015-10-31 21:00:16 +00:00
}
2016-01-16 16:27:23 +00:00
> .content {
padding: 15px;
2015-10-31 21:00:16 +00:00
}
}
2016-01-16 16:27:23 +00:00
.main-sidebar {
float: left;
2016-10-15 17:20:09 +00:00
&,
&:before {
@include transition(width $transition-speed $transition-fn);
width: $sidebar-width;
}
2016-01-16 16:27:23 +00:00
.sidebar-collapse & {
&,
&:before {
margin-left: -$sidebar-width;
}
}
2016-10-15 17:20:09 +00:00
@media(max-width: breakpoint-max(md)) {
&,
&:before {
margin-left: -$sidebar-width;
}
}
2015-10-31 21:00:16 +00:00
}
2016-01-16 16:27:23 +00:00
.main-footer {
padding: $main-footer-padding;
color: #555;
border-top: $main-footer-border-top;
background: #fff;
2015-10-31 21:00:16 +00:00
}
2016-01-16 16:27:23 +00:00
.content-header {
padding: 15px;
background: #fff;
2016-10-15 17:20:09 +00:00
@include box-shadow(3px 0 6px rgba(0, 0, 0, 0.2));
2016-01-16 16:27:23 +00:00
h1 {
font-size: 1.8rem;
margin: 0;
2015-10-31 21:00:16 +00:00
}
2016-01-16 16:27:23 +00:00
.breadcrumb {
margin-bottom: 0;
padding: 0;
background: transparent;
line-height: 1.8rem;
}
}