ant-design-vue/examples/index.less

128 lines
2.2 KiB
Plaintext
Raw Normal View History

2018-01-23 10:55:39 +00:00
.site {
2018-01-22 13:06:51 +00:00
display: flex;
2018-01-23 10:55:39 +00:00
.nav {
2018-01-22 13:06:51 +00:00
width: 200px;
}
2018-01-23 10:55:39 +00:00
.content {
2018-01-22 13:06:51 +00:00
flex: 1;
padding: 20px;
}
2018-01-23 10:55:39 +00:00
}
.highlight > .code-section {
display: block;
margin: 0;
}
.main-wrapper {
background: #fff;
width: 92%;
margin: 0 auto;
border-radius: 4px;
overflow: hidden;
padding: 24px 0 0;
margin-bottom: 24px;
position: relative;
}
.main-container {
padding: 0 6% 120px 4% !important;
margin-left: -1px;
min-height: 500px;
border-left: 1px solid #e9e9e9;
}
.page-container {
font-size: 14px;
line-height: 1.5;
.table {
font-size: 13px;
border-collapse: collapse;
2018-01-24 10:51:01 +00:00
border-spacing: 0;
2018-01-23 10:55:39 +00:00
empty-cells: show;
border: 1px solid #e9e9e9;
width: 100%;
margin: 16px 0;
2018-01-24 10:51:01 +00:00
th {
2018-01-24 11:00:40 +00:00
background: #f7f7f7;
2018-01-23 10:55:39 +00:00
white-space: nowrap;
2018-01-24 11:00:40 +00:00
color: #5c6b77;
2018-01-23 10:55:39 +00:00
font-weight: 600;
}
td:first-child {
background: #fcfcfc;
font-weight: 500;
width: 20%;
font-family: "Lucida Console", Consolas, Menlo, Courier, monospace;
}
2018-01-24 10:51:01 +00:00
th,td {
2018-01-23 10:55:39 +00:00
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
}
}
.code-boxes-col-2-1 {
display: inline-block;
vertical-align: top;
padding: 0 8px;
}
.aside-container {
padding-bottom: 50px;
}
.aside-container .ant-menu-item a, .aside-container .ant-menu-submenu-name span, .aside-container > .ant-menu-item {
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
}
.header-anchor {
margin-left: -18px;
}
.markdown {
2018-01-24 10:51:01 +00:00
& > ul {
2018-01-23 10:55:39 +00:00
margin-top: 1rem;
margin-bottom: 1rem;
& > li {
list-style: circle;
margin-left: 1rem;
}
}
2018-01-24 10:51:01 +00:00
h1, h2, h3 {
a {
2018-01-23 10:55:39 +00:00
font-size: .8em;
opacity: 0;
font-weight: normal;
transition: opacity .2s ease-in-out;
}
&:hover a {
opacity: 1;
}
}
blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
code {
margin: 0;
background: #f7f7f7;
padding: .2em .4em;
border-radius: 3px;
font-size: .9em;
border: 1px solid #eee;
}
& > p, & > pre {
margin-top: 1rem;
margin-bottom: 1rem;
}
}