Sha256: 7b0c7c9da9f5ae3b919738097201726f9b2fb95041d8899981e34d7662e520db

Contents?: true

Size: 1.55 KB

Versions: 29

Compression:

Stored size: 1.55 KB

Contents

// =============================================================================
// Transitions
// =============================================================================

// Close sidebar.

.sidebar-closed {
  .sidebar {
    left: -300px;
  }
  .navigation-app {
    left: 0;
    .navigation-trigger {
      .fa-bars {
        margin-right: 5px;
        margin-left: 0;
      }
      .fa-caret-right {
        display: inline-block;
      }
      .fa-caret-left {
        display: none;
      }
    }
  }
  .content-main {
    left: 0;
  }
}

// Open sidebar.

.sidebar-open {
  .sidebar {
    left: 0;
  }
  .content-main {
    left: 300px;
  }
  .navigation-app {
    left: 300px;
  }
  .content-overlay {
    display: none;
    max-width: 100%;
    opacity: 1;
  }
  &.live-editing {
    .content-main {
      right: -300px;
      overflow: hidden;
    }
    .content-overlay {
      display: block;
    }
  }
}

// Close actionbar by adding this class. Removing it will open it back.

.actionbar-closed {
  .actionbar {
    left: -500px;
    box-shadow: 0;
  }
  .actionbar-trigger {
    right: -30px;
    i {
      transform: rotate(180deg);
    }
  }
  .content-preview {
    left: 0;
  }
}

// Responsive
// =============================================================================

@media (max-width: $screen-md-min) {
  .sidebar-open {
    .content-main,
    .navigation-app {
      right: -300px;
      left: 300px;
    }
    .content-main {
      overflow: hidden;
    }
    .content-overlay {
      display: block;
      max-width: 100%;
      opacity: 1;
    }
  }
}

Version data entries

29 entries across 29 versions & 1 rubygems

Version Path
locomotivecms-4.2.0.alpha2 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.2.0.alpha1 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.1.1 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.1.0 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.1.0.rc1 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.3 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.2 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.1 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.0 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.0.rc0 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.0.alpha3 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-3.4.1 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.0.alpha2 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-4.0.0.alpha1 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-3.4.0 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-3.3.0 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-3.3.0.rc3 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-3.3.0.rc2 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-3.1.2 app/assets/stylesheets/locomotive/new/_transitions.scss
locomotivecms-3.2.1 app/assets/stylesheets/locomotive/new/_transitions.scss