.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 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}



/* 控制md编辑器列行的宽度
  见  codermirror maybeUpdateLineNumberWidth方法
*/
.editormd .CodeMirror-linenumbers {
  padding: 0;
}
.editormd-html-preview hr, .editormd-preview-container hr {
  /* 颜色加深 */
  border-top: 1px solid #ccc;
}

/* 重置掉antd的一些样式 */
html, body {
  -webkit-font-smoothing: auto !important;
}

.ant-progress-textyes {
  color: #52c41a;
}
.ant-progress-textno{
  color: #f5222d;
}
/* md多空格 */
.markdown-body p {
  white-space: pre-wrap;
}
/* https://www.educoder.net/courses/2346/group_homeworks/34405/question */
.renderAsHtml.markdown-body p {
  white-space: inherit;
}
/* resize */
.editormd .CodeMirror {
  border-right: none !important;
}
.editormd-preview {
  border-left: 1px solid rgb(221, 221, 221);
  /* 某些情况下，被cm盖住了 */
  z-index: 99;
}



/* antd扩展 */
.formItemInline.ant-form-item {    
  display: flex;
}
.formItemInline .ant-form-item-control-wrapper {
  flex: 1;
}


/* 兼容性 */
/* 火狐有滚动条时高度问题 */
@-moz-document url-prefix() {
  .newContainers {
    min-height: calc(100% - 60px) !important;
  }
}