forgeplus-react/src/App.css

129 lines
2.2 KiB
CSS
Raw Normal View History

2020-03-16 14:12:11 +08:00
.App {
text-align: center;
}
.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 80px;
}
.App-header {
background-color: #222;
height: 150px;
padding: 20px;
color: white;
}
.App-title {
font-size: 1.5em;
}
.App-intro {
font-size: large;
}
@keyframes App-logo-spin {
2020-04-28 17:23:34 +08:00
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
2020-03-16 14:12:11 +08:00
}
/* 控制md编辑器列行的宽度
codermirror maybeUpdateLineNumberWidth方法
*/
.editormd .CodeMirror-linenumbers {
padding: 0;
}
2020-04-28 17:23:34 +08:00
.editormd-html-preview hr,
.editormd-preview-container hr {
2020-03-16 14:12:11 +08:00
/* 颜色加深 */
border-top: 1px solid #ccc;
}
/* 重置掉antd的一些样式 */
2020-04-28 17:23:34 +08:00
html,
body {
2020-03-16 14:12:11 +08:00
-webkit-font-smoothing: auto !important;
}
.ant-progress-textyes {
color: #52c41a;
}
2020-04-28 17:23:34 +08:00
.ant-progress-textno {
2020-03-16 14:12:11 +08:00
color: #f5222d;
}
2020-04-28 17:23:34 +08:00
2020-03-16 14:12:11 +08:00
/* md多空格 */
.markdown-body p {
2020-04-29 16:59:48 +08:00
margin:10px 0px!important;
font-size: 16px !important;
2020-04-30 11:22:11 +08:00
line-height: 2 !important;
2020-07-31 11:21:02 +08:00
white-space: pre-wrap;
2020-03-16 14:12:11 +08:00
}
2020-04-28 17:23:34 +08:00
.markdown-body>p {
2020-03-16 14:12:11 +08:00
line-height: 25px;
}
2020-04-28 17:23:34 +08:00
2020-03-16 14:12:11 +08:00
/* https://www.educoder.net/courses/2346/group_homeworks/34405/question */
.renderAsHtml.markdown-body p {
white-space: inherit;
}
2020-04-28 17:23:34 +08:00
2020-03-16 14:12:11 +08:00
/* resize */
.editormd .CodeMirror {
border-right: none !important;
}
2020-04-28 17:23:34 +08:00
2020-03-16 14:12:11 +08:00
.editormd-preview {
border-left: 1px solid rgb(221, 221, 221);
/* 某些情况下被cm盖住了 */
z-index: 99;
}
2020-04-28 17:23:34 +08:00
2020-03-16 14:12:11 +08:00
/* 图片点击放大的场景,隐藏图片链接 */
.editormd-image-click-expand .editormd-image-dialog {
height: 234px !important;
}
2020-04-28 17:23:34 +08:00
.editormd-image-click-expand .editormd-image-dialog .image-link {
display: none;
}
2020-03-16 14:12:11 +08:00
/* 解决鼠标框选时,左边第一列没高亮的问题 */
2020-04-28 17:23:34 +08:00
.CodeMirror .CodeMirror-lines pre.CodeMirror-line,
.CodeMirror .CodeMirror-lines pre.CodeMirror-line-like {
padding: 0 12px;
2020-03-16 14:12:11 +08:00
}
/* antd扩展 */
2020-04-28 17:23:34 +08:00
.formItemInline.ant-form-item {
2020-03-16 14:12:11 +08:00
display: flex;
}
2020-04-28 17:23:34 +08:00
2020-03-16 14:12:11 +08:00
.formItemInline .ant-form-item-control-wrapper {
flex: 1;
}
2020-04-28 17:23:34 +08:00
2020-03-16 14:12:11 +08:00
/* AutoComplete placeholder 不显示的问题 */
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
z-index: 2;
}
/* 兼容性 */
/* 火狐有滚动条时高度问题 */
@-moz-document url-prefix() {
.newContainers {
min-height: calc(100% - 60px) !important;
}
}