Sha256: 81e9d943c1f177b3851133eeacc469642742b02690bd625ea0b5e3894c850dc6

Contents?: true

Size: 1.3 KB

Versions: 16

Compression:

Stored size: 1.3 KB

Contents

// =============================================================================
// Content
// =============================================================================

// The main content wrapper which also moves during transitions.

.content-main {
  position: fixed;
  top: 52px;
  right: 0;
  bottom: 0;
  left: 300px;
  transition: left $base-transition-speed linear, right $base-transition-speed linear;
}

// Inner content wrapper for non-live-edit pages.

.content {
  position: relative;
  height: 100%;
}

// Content overlay when sidebar is open when viewport is smaller then md and
// when sidebar is open on live edit pages.

.content-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 110;
  max-width: 0;
  overflow: hidden;
  background: rgba($black, .4);
  opacity: 0;
  transition: opacity $base-transition-speed linear;
}

// Content wrapper for live edit pages.

.content-preview {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 500px;
  z-index: 90;
  transition: left $base-transition-speed linear;
}

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

@media (max-width: $screen-md-min) {
  .content-main {
    left: 0;
  }
}

@media (max-width: $screen-sm-min) {
  .content-preview {
    left: 0;
  }
}

Version data entries

16 entries across 16 versions & 1 rubygems

Version Path
locomotivecms-3.4.1 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.4.0 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.3.0 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.3.0.rc3 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.3.0.rc2 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.1.2 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.2.1 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.3.0.rc1 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.2.0 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.2.0.rc2 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.2.0.rc1 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.1.1 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.1.0 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.1.0.rc3 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.1.0.rc2 app/assets/stylesheets/locomotive/new/_content.scss
locomotivecms-3.1.0.rc1 app/assets/stylesheets/locomotive/new/_content.scss