blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix docs style

Browse Source
This commit is contained in:
cookfront 2017-03-22 11:36:05 +08:00
parent dd13bec2d2
commit deca5b8ba3
3 changed files with 113 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
docs/ExamplesDocsApp.vue
View File

@ -23,100 +23,4 @@ export default {
<style lang="css">
@import './assets/docs.css';
.page-container {
section > h2 {
font-size: 36px;
color: #333;
margin: 20px 0;
line-height: 1.5;
}
section > h3 {
font-size: 30px;
color: #333;
margin: 23px 0;
}
h2, h3, h4, h5 {
font-weight: normal;
color: #1f2f3d;
&:hover a {
opacity: .4;
}
a {
float: left;
margin-left: -20px;
opacity: 0;
cursor: pointer;
&:hover {
opacity: .4;
}
}
}
}
.page-content {
box-sizing: border-box;
overflow: auto;
margin-left: 220px;
padding: 0 20px;
border-left: 1px solid #E5E5E5;
section > p {
font-size: 14px;
color: #666;
margin: 14px 0;
}
p > code {
background-color: #F2F2F2;
display: inline-block;
border: 1px solid #E5E5E5;
padding: 2px 4px;
color: #333;
}
}
.demo-page {
width: 100%;
border: 5px solid #f5f5f5;
height: 580px;
}
.table {
border-collapse: collapse;
width: 100%;
background-color: #fff;
color: #333;
font-size: 14px;
margin-bottom: 45px;
th {
text-align: left;
border: 1px solid #E5E5E5;
background-color: #F2F2F2;
padding: 10px;
&:first-child {
padding-left: 10px;
}
}
td {
border: 1px solid #E5E5E5;
padding: 10px;
code {
background-color: #F2F2F2;
display: inline-block;
border: 1px solid #E5E5E5;
padding: 2px 4px;
color: #333;
}
}
}
</style>

113
docs/assets/docs.css
View File

@ -36,7 +36,7 @@ button, input, select, textarea {
color: inherit;
}
ul {
ul, ol {
list-style: none;
}
@ -65,3 +65,114 @@ ul {
}
}
.page-content {
box-sizing: border-box;
overflow: auto;
margin-left: 220px;
padding: 0 20px;
border-left: 1px solid #E5E5E5;
section {
> h2 {
font-size: 36px;
color: #333;
margin: 20px 0;
line-height: 1.5;
}
> h3 {
font-size: 30px;
color: #333;
margin: 23px 0;
}
> p {
font-size: 14px;
line-height: 20px;
color: #666;
margin: 14px 0;
}
> ul li,
> ol li {
color: #666;
line-height: 20px;
margin: 10px 0 10px 20px;
padding-left: 20px;
position: relative;
&::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
box-sizing: border-box;
border: 2px solid #999;
border-radius: 50%;
top: 6px;
left: 0;
}
li {
margin-left: 0;
}
}
}
h2, h3, h4, h5 {
font-weight: normal;
color: #1f2f3d;
&:hover a {
opacity: .4;
}
a {
float: left;
margin-left: -20px;
opacity: 0;
cursor: pointer;
&:hover {
opacity: .4;
}
}
}
p > code,
.table code,
li > code {
background-color: #F2F2F2;
display: inline-block;
border: 1px solid #E5E5E5;
padding: 2px 4px;
color: #333;
margin: 0 3px;
}
}
.table {
border-collapse: collapse;
width: 100%;
background-color: #fff;
color: #333;
font-size: 14px;
margin-bottom: 45px;
th {
text-align: left;
border: 1px solid #E5E5E5;
background-color: #F2F2F2;
padding: 10px;
&:first-child {
padding-left: 10px;
}
}
td {
border: 1px solid #E5E5E5;
padding: 10px;
}
}

2
docs/components/side-nav.vue
View File

@ -93,7 +93,7 @@ export default {
display: block;
height: 40px;
line-height: 40px;
font-size: 13px;
font-size: 14px;
padding-left: 24px;
&:hover {