ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / apptt / vendor / almasaeed2010 / adminlte / build / scss

//
// Component: Control Sidebar
//

html.control-sidebar-animate {
  overflow-x: hidden;
}

.control-sidebar {
  bottom: $main-footer-height;
  position: absolute;
  top: $main-header-height;
  z-index: $zindex-control-sidebar;

&,
  &::before {
    bottom: $main-footer-height;
    display: none;
    right: -$control-sidebar-width;
    width: $control-sidebar-width;
    @include transition(
      right $transition-speed $transition-fn,
      display $transition-speed $transition-fn
    );
  }

&::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    z-index: -1;
  }
}

body.text-sm {
  .control-sidebar {
    bottom: $main-footer-height-sm;
    top: $main-header-height-sm;
  }
}

.main-header.text-sm ~ .control-sidebar {
  top: $main-header-height-sm;
}

.main-footer.text-sm ~ .control-sidebar {
  bottom: $main-footer-height-sm;
}

.control-sidebar-push-slide {
  .content-wrapper,
  .main-footer {
    @include transition(margin-right $transition-speed $transition-fn);
  }
}

// Control sidebar open state
.control-sidebar-open {
  .control-sidebar {
    display: block !important;

&,
    &::before {
      right: 0;
    }
  }

&.control-sidebar-push,
  &.control-sidebar-push-slide {
    .content-wrapper,
    .main-footer {
      margin-right: $control-sidebar-width;
    }
  }
}

// Control sidebar slide over content state
.control-sidebar-slide-open {
  .control-sidebar {
    display: block;

&,
    &::before {
      right: 0;
      @include transition(
        right $transition-speed $transition-fn,
        display $transition-speed $transition-fn
      );
    }
  }

&.control-sidebar-push,
  &.control-sidebar-push-slide {
    .content-wrapper,
    .main-footer {
      margin-right: $control-sidebar-width;
    }
  }
}

// Dark skin
.control-sidebar-dark {
  background-color: $sidebar-dark-bg;

&,
  a,
  .nav-link {
    color: $sidebar-dark-color;
  }

a:hover {
    color: $sidebar-dark-hover-color;
  }

// Headers and labels
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  label {
    color: $sidebar-dark-hover-color;
  }

// Tabs
  .nav-tabs {
    background-color: $sidebar-dark-hover-bg;
    border-bottom: 0;
    margin-bottom: 5px;

.nav-item {
      margin: 0;
    }

.nav-link {
      border-radius: 0;
      padding: 10px 20px;
      position: relative;
      text-align: center;

&,
      &:hover,
      &:active,
      &:focus,
      &.active {
        border: 0;
      }

&:hover,
      &:active,
      &:focus,
      &.active {
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        color: $sidebar-dark-hover-color;
      }

&.active {
        background-color: $sidebar-dark-bg;
      }
    }
  }

.tab-pane {
    padding: 10px 15px;
  }
}

// Light skin
.control-sidebar-light {
  color: lighten($sidebar-light-color, 10%);

//  Background
  background-color: $sidebar-light-bg;
  border-left: $main-header-bottom-border;
}

[+] ..
[-] _adminlte.raw.scss [edit]
[-] _alerts.scss [edit]
[-] _animation-effects.scss [edit]
[-] _bootstrap-variables.scss [edit]
[-] _brand.scss [edit]
[-] _buttons.scss [edit]
[-] _callout.scss [edit]
[-] _cards.scss [edit]
[-] _carousel.scss [edit]
[-] _close.scss [edit]
[-] _colors.scss [edit]
[-] _control-sidebar.scss [edit]
[-] _direct-chat.scss [edit]
[-] _dropdown.scss [edit]
[-] _elevation.scss [edit]
[-] _forms.scss [edit]
[-] _info-box.scss [edit]
[-] _layout.scss [edit]
[-] _main-header.scss [edit]
[-] _main-sidebar.scss [edit]
[-] _miscellaneous.scss [edit]
[-] _mixins.scss [edit]
[-] _modals.scss [edit]
[-] _navs.scss [edit]
[-] _pagination.scss [edit]
[-] _preloader.scss [edit]
[-] _print.scss [edit]
[-] _products.scss [edit]
[-] _progress-bars.scss [edit]
[-] _root.scss [edit]
[-] _sidebar-mini.scss [edit]
[-] _small-box.scss [edit]
[-] _social-widgets.scss [edit]
[-] _table.scss [edit]
[-] _text.scss [edit]
[-] _timeline.scss [edit]
[-] _toasts.scss [edit]
[-] _users-list.scss [edit]
[-] _variables-alt.scss [edit]
[-] _variables.scss [edit]
[-] adminlte.scss [edit]
[+] mixins
[+] pages
[+] parts
[+] plugins
[-] .htaccess.disabled [edit]