docs: 优化文档 css (#653)

This commit is contained in:
yansongda 2022-08-23 15:36:36 +08:00 committed by GitHub
parent 4e83ab9149
commit 93a0305144
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 73 additions and 81 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="authorize">
<div class="home">
<div class="container">
<h2>授权</h2>
<h3>类库</h3>
@ -21,59 +21,46 @@ export default {
</script>
<style lang="scss" scoped>
@media (min-width: 640px) {
.authorize {
padding: 0 48px;
}
}
@media (min-width: 960px) {
.authorize {
padding: 0 64px;
}
}
@import '../css/home';
.authorize {
.home {
margin-top: 50px;
padding: 0 24px;
}
.container {
max-width: 1152px;
margin: 0 auto;
.container {
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
}
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
}
a {
font-weight: 500;
color: #3eaf7c;
text-decoration: none;
overflow-wrap: break-word;
}
a {
font-weight: 500;
color: #3eaf7c;
text-decoration: none;
overflow-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.25;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.25;
}
h2 {
font-size: 1.65rem;
padding-bottom: .3rem;
border-bottom: 1px solid #eaecef;
}
h2 {
font-size: 1.65rem;
padding-bottom: .3rem;
border-bottom: 1px solid #eaecef;
}
h3 {
font-size: 1.35rem;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
h3 {
font-size: 1.35rem;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
}
}
}
</style>

View File

@ -16,45 +16,31 @@ export default {
</script>
<style lang="scss" scoped>
@media (min-width: 640px) {
.home {
padding: 0 48px;
}
}
@media (min-width: 960px) {
.home {
padding: 0 64px;
}
}
@import '../css/home';
.home {
margin-bottom: 50px;
padding: 0 24px;
}
.container {
margin-bottom: 50px;
text-align: center;
.container {
max-width: 1152px;
text-align: center;
margin: 0 auto;
img {
display: inline-block;
}
img {
display: inline-block;
}
.action .action-button {
display: inline-block;
font-size: 1.2rem;
padding: .8rem 1.6rem;
border-width: 2px;
border-style: solid;
border-radius: 4px;
box-sizing: border-box;
.action .action-button {
display: inline-block;
font-size: 1.2rem;
padding: .8rem 1.6rem;
border-width: 2px;
border-style: solid;
border-radius: 4px;
transition: background-color var(--t-color);
box-sizing: border-box;
&.primary {
color: #fff;
background-color: #3eaf7c;
border-color: #3eaf7c;
&.primary {
color: #fff;
background-color: #3eaf7c;
border-color: #3eaf7c;
}
}
}
}

View File

@ -0,0 +1,19 @@
@media (min-width: 640px) {
.home {
padding: 0 48px;
}
}
@media (min-width: 960px) {
.home {
padding: 0 64px;
}
}
.home {
padding: 0 24px;
.container {
max-width: 1152px;
margin: 0 auto;
}
}