silverstripe-framework/admin/scss/layout.scss

92 lines
1.3 KiB
SCSS

/**
* This file defines the structural layout of the CMS interface.
* Ideally, you should be able to lay out the base elements of the CMS with only this file.
*
* Please put any presentational definitions (color, fonts, backgrounds, paddings)
* into _style.scss or _uitheme.scss instead.
*/
@import "compass/reset";
@import "compass/css3";
html,body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden; // avoid jlayout jitter when resizing
}
.cms-preview {
width: 1px; // collapsed by default
overflow: hidden;
.cms-preview-toggle {
width: 10px;
}
iframe {
width: 100%;
height: 100%;
}
}
.cms-container {
height: 100%
}
.cms-menu {
width: 250px;
overflow: auto;
}
.cms-content {
}
.cms-preview,
.cms-menu,
.cms-content,
.cms-content-header,
.cms-content-tools,
.cms-content-form {
@include inline-block;
}
.cms-content-tools {
width: 230px;
padding: 10px;
overflow: auto;
}
.cms-content-form {
overflow: auto;
}
.cms-content-header {
height: 40px;
h2 {
width: 250px - (10px*2) /* padding */ - 4px /* em adjustment hacketyhack */;
}
& > div {
width: 9999em;
overflow: hidden;
}
}
.cms-content-actions {
padding: 10px;
}
.cms-logo {
height: 30px;
overflow: hidden;
vertical-align: middle;
}
.cms-login-status {
height: 30px;
overflow: hidden;
vertical-align: middle;
}