151 lines
2.6 KiB
SCSS
151 lines
2.6 KiB
SCSS
.static-pages {
|
|
.new-static-page-button {
|
|
@include grey-button;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.unit-body {
|
|
padding: 0;
|
|
|
|
.details {
|
|
display: block !important;
|
|
|
|
h2 {
|
|
margin: 0 0 5px 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.component-editor {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.components > li {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
|
|
&.new-component-item {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
.component {
|
|
border: 1px solid $mediumGrey;
|
|
border-top: none;
|
|
|
|
&:first-child {
|
|
border-top: 1px solid $mediumGrey;
|
|
}
|
|
|
|
&:hover {
|
|
border: 1px solid $mediumGrey;
|
|
border-top: none;
|
|
|
|
&:first-child {
|
|
border-top: 1px solid $mediumGrey;
|
|
}
|
|
|
|
.drag-handle {
|
|
background: url(../img/drag-handles.png) center no-repeat #fff;
|
|
}
|
|
}
|
|
|
|
.drag-handle {
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 11;
|
|
width: 35px;
|
|
border: none;
|
|
background: url(../img/drag-handles.png) center no-repeat #fff;
|
|
|
|
&:hover {
|
|
background: url(../img/drag-handles.png) center no-repeat #fff;
|
|
}
|
|
}
|
|
|
|
.component-actions {
|
|
top: 26px;
|
|
right: 44px;
|
|
}
|
|
}
|
|
|
|
.component.editing {
|
|
border-left: 1px solid $mediumGrey;
|
|
border-right: 1px solid $mediumGrey;
|
|
|
|
.xmodule_display {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.new .xmodule_display {
|
|
background: $yellow;
|
|
}
|
|
|
|
.xmodule_display {
|
|
padding: 20px 20px 22px;
|
|
font-size: 24px;
|
|
font-weight: 300;
|
|
background: #fff;
|
|
@include transition(background-color 3s);
|
|
}
|
|
|
|
.static-page-item {
|
|
position: relative;
|
|
margin: 10px 0;
|
|
padding: 22px 20px;
|
|
border: 1px solid $darkGrey;
|
|
border-radius: 3px;
|
|
background: #fff;
|
|
@include box-shadow(0 1px 2px rgba(0, 0, 0, .1));
|
|
|
|
.page-name {
|
|
font-size: 19px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.item-actions {
|
|
margin-top: 19px;
|
|
margin-right: 12px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.edit-static-page {
|
|
.main-wrapper {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.static-page-details {
|
|
@extend .window;
|
|
padding: 32px 40px;
|
|
|
|
.row {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.page-display-name-input {
|
|
width: 100%;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.page-contents {
|
|
@include box-sizing(border-box);
|
|
width: 100%;
|
|
height: 360px;
|
|
padding: 15px;
|
|
border: 1px solid #b0b6c2;
|
|
border-radius: 2px;
|
|
@include linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
|
|
background-color: #edf1f5;
|
|
@include box-shadow(0 1px 2px rgba(0, 0, 0, .1) inset);
|
|
font-family: Monaco, monospace;
|
|
font-size: 13px;
|
|
color: #3c3c3c;
|
|
outline: 0;
|
|
}
|
|
} |