@logicflow/dumi-theme-simple
Version:
Simple website theme based on dumi2.
94 lines (76 loc) • 1.56 kB
text/less
.api {
height: 100%;
color: rgba(0,0,0, 85%);
.header {
position: relative;
height: 36px;
background-color: #f8f9fc;
display: flex;
justify-content: space-between;
overflow: hidden;
padding-right: 12px;
padding-left: 36px;
color: #777;
line-height: 36px;
}
.content {
overflow: hidden;
border-left: 1px solid #ececec;
height: calc(100% - 36px);
overflow-y: scroll;
.disorganized {
padding: 0 12px;
> :first-child {
margin-top: 12px;
}
}
> hr {
display: none;
}
p {
margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
margin-bottom: 0;
margin-top: 8px;
color: rgba(0,0,0, 85%);
border-top: 1px solid #F8F9FC;
&:first-child {
margin-top: 0;
border-top: none;
}
}
.border() {
border-width: 1px;
border-color: #ececec
}
table {
.border();
border-right-style: solid;
border-top-style: solid;
margin-bottom: 6px;
}
td, th {
.border();
text-align: left;
border-left-style: solid;
border-bottom-style: solid;
padding: 4px;
}
}
img {
max-width: 100%;
}
:global {
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
padding: 0 4px 0 24px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
padding: 8px;
.ant-collapse-arrow {
margin-right: 6px;
}
}
}
}