İlk temizlik tamamlandı bir önceki projeden
This commit is contained in:
@@ -0,0 +1,79 @@
|
||||
//
|
||||
// Layout
|
||||
// --------------------------------------------------
|
||||
|
||||
// Main Structure
|
||||
#page-container {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
min-width: 320px;
|
||||
}
|
||||
|
||||
#page-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
content: "";
|
||||
background: rgba(darken($brand-primary, 45%), .4);
|
||||
background: linear-gradient(to right, rgba(darken($brand-primary, 45%),0), rgba(darken($brand-primary, 45%),.6));
|
||||
z-index: $zindex-page-overlay;
|
||||
opacity: 0;
|
||||
transition: opacity $side-transition, transform $side-transition;
|
||||
transform: translateX(100%);
|
||||
|
||||
.sidebar-r & {
|
||||
background: linear-gradient(to right, rgba(darken($brand-primary, 45%),.6), rgba(darken($brand-primary, 45%),0));
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
.side-overlay-o.enable-page-overlay & {
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#main-container,
|
||||
#page-footer {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
// Content
|
||||
.content {
|
||||
@include content-layout($space-mobile, $space-mobile);
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
@include content-layout($space-base, $space-base);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
&.content-narrow { max-width: $space-narrow; }
|
||||
}
|
||||
|
||||
&.content-boxed { max-width: $space-boxed; }
|
||||
}
|
||||
|
||||
.content-side {
|
||||
@include content-layout($space-side, $space-side, hidden);
|
||||
|
||||
&-user {
|
||||
height: 136px;
|
||||
background-color: $body-bg-light;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.content.content-top {
|
||||
padding-top: $header-height + $space-mobile;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: $header-height + $space-base;
|
||||
}
|
||||
}
|
||||
|
||||
.section-top {
|
||||
padding-top: $header-height;
|
||||
}
|
||||
Reference in New Issue
Block a user