amis2/examples/style.scss

85 lines
1.4 KiB
SCSS
Raw Normal View History

2019-04-30 11:11:25 +08:00
// // @import "../node_modules/@fex/aui/scss/variables";
@import '../scss/functions';
@import '../scss/variables';
2019-10-18 12:23:41 +08:00
.page-play,
.page-edit {
2019-12-06 09:58:08 +08:00
&:before {
display: table;
content: ' ';
}
2019-10-18 12:23:41 +08:00
2019-12-06 09:58:08 +08:00
&:after {
clear: both;
display: block;
content: '';
height: 0;
}
2019-10-18 12:23:41 +08:00
2019-12-06 09:58:08 +08:00
.app-content {
position: absolute;
top: 50px;
bottom: 0;
height: auto;
left: 0;
right: 0;
}
2019-10-18 12:23:41 +08:00
2019-12-06 09:58:08 +08:00
.app-content-body {
height: 100%;
}
2019-04-30 11:11:25 +08:00
}
.resizer {
2019-12-06 09:58:08 +08:00
position: absolute;
top: 0;
bottom: 0;
margin-left: -2px;
width: 4px;
background: lighten($dark, 20%);
z-index: 1;
cursor: col-resize;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
&:hover {
background: $dark;
}
2019-04-30 11:11:25 +08:00
}
.doc-shcema-preview-popover {
2019-12-06 09:58:08 +08:00
box-shadow: none !important;
margin-top: -1px !important;
padding: 0 45px !important;
left: 0 !important;
width: 100% !important;
max-width: 980px !important;
z-index: 1 !important;
background: transparent !important;
border: none !important;
2019-04-30 11:11:25 +08:00
2019-12-06 09:58:08 +08:00
.doc-schema-preview {
border: 1px solid #ddd;
background: rgb(240, 243, 244);
position: relative;
height: 100%;
width: 100%;
}
2019-04-30 11:11:25 +08:00
}
// .view-code {
// position: fixed;
// top: 15px;
// z-index: 1200;
// right: 175px;
// }
2019-12-06 09:58:08 +08:00
.amis-schema-editor.fix-settings
.amis-schema-editor-settings-inner
.amis-schema-editor-config-tab
> .tab-content,
.amis-schema-editor.fix-settings
.amis-schema-editor-settings-inner
.amis-schema-editor-code-tab
> .tab-content {
bottom: 50px;
}