chore: prettier code
This commit is contained in:
qingwei.li
parent
a9704b5156
commit
aba2aec0d0
30 changed files with 1533 additions and 734 deletions
|
|
@ -12,7 +12,7 @@ section.cover {
|
|||
|
||||
&.has-mask .mask {
|
||||
background-color: $color-bg;
|
||||
opacity: .8;
|
||||
opacity: 0.8;
|
||||
position: absolute;
|
||||
size: 100%;
|
||||
}
|
||||
|
|
@ -42,7 +42,7 @@ section.cover {
|
|||
color: inherit;
|
||||
font-size: 2.5rem;
|
||||
font-weight: 300;
|
||||
margin: .625rem 0 2.5rem;
|
||||
margin: 0.625rem 0 2.5rem;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
|
|
@ -92,7 +92,7 @@ section.cover {
|
|||
|
||||
&:hover {
|
||||
color: inherit;
|
||||
opacity: .8;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -103,7 +103,7 @@ section.cover {
|
|||
|
||||
blockquote > p > a {
|
||||
border-bottom: 2px solid var(--theme-color, $color-primary);
|
||||
transition: color .3s;
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: var(--theme-color, $color-primary);
|
||||
|
|
|
|||
|
|
@ -10,7 +10,9 @@
|
|||
body:not(.ready) {
|
||||
overflow: hidden;
|
||||
|
||||
[data-cloak], .app-nav, > nav {
|
||||
[data-cloak],
|
||||
.app-nav,
|
||||
> nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -22,7 +24,7 @@ div#app {
|
|||
text-align: center;
|
||||
|
||||
&:empty::before {
|
||||
content: "Loading...";
|
||||
content: 'Loading...';
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -52,7 +54,8 @@ div#app {
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -77,7 +80,7 @@ kbd {
|
|||
display: inline-block;
|
||||
font-size: 12px !important;
|
||||
line-height: 12px;
|
||||
margin-bottom : 3px;
|
||||
margin-bottom: 3px;
|
||||
padding: 3px 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
@ -99,12 +102,13 @@ kbd {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
>a {
|
||||
> a {
|
||||
margin: 0 1rem;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
ul, li {
|
||||
ul,
|
||||
li {
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
|
@ -114,7 +118,7 @@ kbd {
|
|||
color: inherit;
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
transition: color .3s;
|
||||
transition: color 0.3s;
|
||||
|
||||
&:hover {
|
||||
color: var(--theme-color, $color-primary);
|
||||
|
|
@ -186,7 +190,7 @@ kbd {
|
|||
z-index: 1;
|
||||
|
||||
&:hover .octo-arm {
|
||||
animation:octocat-wave 560ms ease-in-out;
|
||||
animation: octocat-wave 560ms ease-in-out;
|
||||
}
|
||||
|
||||
svg {
|
||||
|
|
@ -207,7 +211,7 @@ main {
|
|||
.anchor {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
transition: all .3s;
|
||||
transition: all 0.3s;
|
||||
|
||||
span {
|
||||
color: $color-text;
|
||||
|
|
@ -220,7 +224,7 @@ main {
|
|||
|
||||
/* sidebar */
|
||||
.sidebar {
|
||||
border-right: 1px solid rgba(0, 0, 0, .07);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.07);
|
||||
overflow-y: auto;
|
||||
padding: 40px 0;
|
||||
position: absolute 0 * 0 0;
|
||||
|
|
@ -254,12 +258,13 @@ main {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
li>p {
|
||||
li > p {
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul, ul li {
|
||||
ul,
|
||||
ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
|
@ -293,20 +298,20 @@ main {
|
|||
/* sidebar toggle */
|
||||
.sidebar-toggle {
|
||||
background-color: transparent;
|
||||
background-color: rgba($color-bg, .8);
|
||||
background-color: rgba($color-bg, 0.8);
|
||||
border: 0;
|
||||
outline: none;
|
||||
outline: none;
|
||||
padding: 10px;
|
||||
position: absolute * * 0 0;
|
||||
text-align: center;
|
||||
transition: opacity .3s;
|
||||
transition: opacity 0.3s;
|
||||
width: 30px;
|
||||
width: calc($sidebar-width - 16px);
|
||||
z-index: 30;
|
||||
|
||||
.sidebar-toggle-button:hover {
|
||||
opacity: .4;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
span {
|
||||
|
|
@ -318,7 +323,8 @@ main {
|
|||
}
|
||||
|
||||
body.sticky {
|
||||
.sidebar, .sidebar-toggle {
|
||||
.sidebar,
|
||||
.sidebar-toggle {
|
||||
position: fixed;
|
||||
}
|
||||
}
|
||||
|
|
@ -342,8 +348,8 @@ body.sticky {
|
|||
font-size: inherit;
|
||||
}
|
||||
|
||||
>:first-child {
|
||||
margin-top: 0!important;
|
||||
> :first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -393,7 +399,7 @@ body.sticky {
|
|||
background-color: #f66;
|
||||
border-radius: 100%;
|
||||
color: $color-bg;
|
||||
content: "!";
|
||||
content: '!';
|
||||
font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
|
|
@ -435,7 +441,9 @@ body.close {
|
|||
}
|
||||
|
||||
@media print {
|
||||
.github-corner, .sidebar-toggle, .sidebar {
|
||||
.github-corner,
|
||||
.sidebar-toggle,
|
||||
.sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -445,7 +453,9 @@ body.close {
|
|||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.github-corner, .sidebar-toggle, .sidebar {
|
||||
.github-corner,
|
||||
.sidebar-toggle,
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
|
|
@ -475,7 +485,8 @@ body.close {
|
|||
transition: transform 250ms ease;
|
||||
}
|
||||
|
||||
.app-nav, .github-corner {
|
||||
.app-nav,
|
||||
.github-corner {
|
||||
transition: transform 250ms ease-out;
|
||||
}
|
||||
|
||||
|
|
@ -490,7 +501,7 @@ body.close {
|
|||
}
|
||||
|
||||
.sidebar-toggle {
|
||||
background-color: rgba($color-bg, .8);
|
||||
background-color: rgba($color-bg, 0.8);
|
||||
transition: 1s background-color;
|
||||
width: calc($sidebar-width - 16px);
|
||||
}
|
||||
|
|
@ -499,7 +510,8 @@ body.close {
|
|||
transform: translateX($sidebar-width);
|
||||
}
|
||||
|
||||
.app-nav, .github-corner {
|
||||
.app-nav,
|
||||
.github-corner {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -515,7 +527,16 @@ body.close {
|
|||
}
|
||||
|
||||
@keyframes octocat-wave {
|
||||
0%,100% { transform: rotate(0); }
|
||||
20%,60% { transform: rotate(-25deg); }
|
||||
40%,80% { transform: rotate(10deg); }
|
||||
0%,
|
||||
100% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
20%,
|
||||
60% {
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
40%,
|
||||
80% {
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold');
|
||||
|
||||
$color-primary: #0074D9;
|
||||
$color-primary: #0074d9;
|
||||
$color-bg: #fff;
|
||||
$color-text: #34495e;
|
||||
$sidebar-width: 16rem;
|
||||
|
||||
@import "basic/layout";
|
||||
@import "basic/coverpage";
|
||||
@import 'basic/layout';
|
||||
@import 'basic/coverpage';
|
||||
|
||||
/* sidebar */
|
||||
.sidebar {
|
||||
|
|
@ -160,7 +160,7 @@ $sidebar-width: 16rem;
|
|||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
|
|
@ -216,7 +216,7 @@ $sidebar-width: 16rem;
|
|||
cursor: help;
|
||||
}
|
||||
|
||||
.markdown-section pre>code {
|
||||
.markdown-section pre > code {
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
|
|
@ -229,7 +229,8 @@ $sidebar-width: 16rem;
|
|||
white-space: inherit;
|
||||
}
|
||||
|
||||
.markdown-section code::after, .markdown-section code::before {
|
||||
.markdown-section code::after,
|
||||
.markdown-section code::before {
|
||||
letter-spacing: 0.05rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@ $color-bg: #3f3f3f;
|
|||
$color-text: #c8c8c8;
|
||||
$sidebar-width: 300px;
|
||||
|
||||
@import "basic/layout";
|
||||
@import "basic/coverpage";
|
||||
@import 'basic/layout';
|
||||
@import 'basic/coverpage';
|
||||
|
||||
body {
|
||||
background-color: $color-bg;
|
||||
|
|
@ -38,7 +38,7 @@ body {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
ul li.active>a {
|
||||
ul li.active > a {
|
||||
color: var(--theme-color, $color-primary);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
|
@ -71,7 +71,7 @@ body {
|
|||
|
||||
.markdown-section h3 {
|
||||
font-size: 1.5rem;
|
||||
margin: 40px 0 .6rem;
|
||||
margin: 40px 0 0.6rem;
|
||||
}
|
||||
|
||||
.markdown-section h4 {
|
||||
|
|
@ -159,7 +159,7 @@ body {
|
|||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.token.boolean,
|
||||
|
|
@ -246,7 +246,7 @@ body {
|
|||
cursor: help;
|
||||
}
|
||||
|
||||
.markdown-section pre>code {
|
||||
.markdown-section pre > code {
|
||||
-moz-osx-font-smoothing: initial;
|
||||
-webkit-font-smoothing: initial;
|
||||
background-color: #282828;
|
||||
|
|
@ -263,7 +263,8 @@ body {
|
|||
white-space: inherit;
|
||||
}
|
||||
|
||||
.markdown-section code::after, .markdown-section code::before {
|
||||
.markdown-section code::after,
|
||||
.markdown-section code::before {
|
||||
letter-spacing: 0.05rem;
|
||||
}
|
||||
|
||||
|
|
@ -292,7 +293,7 @@ pre::after {
|
|||
color: #657b83;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
input[type='search'] {
|
||||
background: #4f4f4f;
|
||||
border-color: #4f4f4f;
|
||||
color: #c8c8c8;
|
||||
|
|
|
|||
|
|
@ -2,5 +2,5 @@ $color-primary: #000;
|
|||
$color-bg: #fff;
|
||||
$color-text: #000;
|
||||
$sidebar-width: 300px;
|
||||
@import "basic/layout";
|
||||
@import "basic/coverpage";
|
||||
@import 'basic/layout';
|
||||
@import 'basic/coverpage';
|
||||
|
|
|
|||
|
|
@ -5,8 +5,8 @@ $color-bg: #fff;
|
|||
$color-text: #34495e;
|
||||
$sidebar-width: 300px;
|
||||
|
||||
@import "basic/layout";
|
||||
@import "basic/coverpage";
|
||||
@import 'basic/layout';
|
||||
@import 'basic/coverpage';
|
||||
|
||||
body {
|
||||
background-color: $color-bg;
|
||||
|
|
@ -39,7 +39,7 @@ body {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
ul li.active>a {
|
||||
ul li.active > a {
|
||||
border-right: 2px solid;
|
||||
color: var(--theme-color, $color-primary);
|
||||
font-weight: 600;
|
||||
|
|
@ -82,7 +82,7 @@ body {
|
|||
|
||||
.markdown-section h3 {
|
||||
font-size: 1.5rem;
|
||||
margin: 40px 0 .6rem;
|
||||
margin: 40px 0 0.6rem;
|
||||
}
|
||||
|
||||
.markdown-section h4 {
|
||||
|
|
@ -170,7 +170,7 @@ body {
|
|||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.token.boolean,
|
||||
|
|
@ -257,7 +257,7 @@ body {
|
|||
cursor: help;
|
||||
}
|
||||
|
||||
.markdown-section pre>code {
|
||||
.markdown-section pre > code {
|
||||
-moz-osx-font-smoothing: initial;
|
||||
-webkit-font-smoothing: initial;
|
||||
background-color: #f8f8f8;
|
||||
|
|
@ -274,7 +274,8 @@ body {
|
|||
white-space: inherit;
|
||||
}
|
||||
|
||||
.markdown-section code::after, .markdown-section code::before {
|
||||
.markdown-section code::after,
|
||||
.markdown-section code::before {
|
||||
letter-spacing: 0.05rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue