@@ -75,12 +75,4 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
b, strong {
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
.dark-theme & {
|
|
||||||
color: #ddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@import "../_partial/dynamic-to-top";
|
@import "../_partial/dynamic-to-top";
|
||||||
|
|||||||
@@ -5,6 +5,10 @@
|
|||||||
.home {
|
.home {
|
||||||
@if $profile {
|
@if $profile {
|
||||||
.home-profile {
|
.home-profile {
|
||||||
|
-webkit-transform: translateY(if($posts, 0, 16vh));
|
||||||
|
-moz-transform: translateY(if($posts, 0, 16vh));
|
||||||
|
-ms-transform: translateY(if($posts, 0, 16vh));
|
||||||
|
-o-transform: translateY(if($posts, 0, 16vh));
|
||||||
transform: translateY(if($posts, 0, 16vh));
|
transform: translateY(if($posts, 0, 16vh));
|
||||||
padding: if($posts, 2rem, 0) 0;
|
padding: if($posts, 2rem, 0) 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -48,14 +52,11 @@
|
|||||||
|
|
||||||
.home-social-links {
|
.home-social-links {
|
||||||
padding-top: .6rem;
|
padding-top: .6rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
i {
|
line-height: 1.5rem;
|
||||||
font-size: 1.45rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 1.5rem;
|
max-height: 1.4rem;
|
||||||
height: 1.5rem;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -86,12 +86,20 @@
|
|||||||
margin: .5rem 0;
|
margin: .5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
b, strong {
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
.dark-theme & {
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
color: $single-link-color;
|
color: $single-link-color;
|
||||||
|
|
||||||
.dark-theme & {
|
.dark-theme &, .dark-theme & b, .dark-theme & strong {
|
||||||
color: $single-link-color-dark;
|
color: $single-link-color-dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -99,7 +107,7 @@
|
|||||||
a:hover {
|
a:hover {
|
||||||
color: $single-link-hover-color;
|
color: $single-link-hover-color;
|
||||||
|
|
||||||
.dark-theme &:hover {
|
.dark-theme &, .dark-theme & b, .dark-theme & strong {
|
||||||
color: $single-link-hover-color-dark;
|
color: $single-link-hover-color-dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,14 +6,19 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin: 5px 10px;
|
margin: 5px 10px;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
transition-duration: .3s;
|
-webkit-transition: all ease-out .3s;
|
||||||
transition-property: transform;
|
-moz-transition: all ease-out .3s;
|
||||||
transition-timing-function: ease-out;
|
-o-transition: all ease-out .3s;
|
||||||
|
transition: all ease-out .3s;
|
||||||
|
|
||||||
&:active,
|
&:active,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $global-link-hover-color;
|
color: $global-link-hover-color;
|
||||||
|
-webkit-transform: scale(1.2);
|
||||||
|
-moz-transform: scale(1.2);
|
||||||
|
-ms-transform: scale(1.2);
|
||||||
|
-o-transform: scale(1.2);
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
|
|
||||||
.dark-theme & {
|
.dark-theme & {
|
||||||
|
|||||||
@@ -30,6 +30,10 @@ header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.theme-switch i {
|
.theme-switch i {
|
||||||
|
-webkit-transform: rotate(225deg);
|
||||||
|
-moz-transform: rotate(225deg);
|
||||||
|
-ms-transform: rotate(225deg);
|
||||||
|
-o-transform: rotate(225deg);
|
||||||
transform: rotate(225deg);
|
transform: rotate(225deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -103,6 +107,7 @@ header {
|
|||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
-webkit-transition: .1s margin .1s, .1s transform;
|
-webkit-transition: .1s margin .1s, .1s transform;
|
||||||
-moz-transition: .1s margin .1s, .1s transform;
|
-moz-transition: .1s margin .1s, .1s transform;
|
||||||
|
-o-transition: .1s margin .1s, .1s transform;
|
||||||
transition: .1s margin .1s, .1s transform;
|
transition: .1s margin .1s, .1s transform;
|
||||||
|
|
||||||
.dark-theme & {
|
.dark-theme & {
|
||||||
@@ -122,13 +127,15 @@ header {
|
|||||||
span {
|
span {
|
||||||
-webkit-transition: .1s margin, .1s transform .1s;
|
-webkit-transition: .1s margin, .1s transform .1s;
|
||||||
-moz-transition: .1s margin, .1s transform .1s;
|
-moz-transition: .1s margin, .1s transform .1s;
|
||||||
|
-o-transition: .1s margin, .1s transform .1s;
|
||||||
transition: .1s margin, .1s transform .1s;
|
transition: .1s margin, .1s transform .1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
span:nth-child(1) {
|
span:nth-child(1) {
|
||||||
|
-webkit-transform: rotate(45deg) translate(.4rem, .5rem);
|
||||||
-moz-transform: rotate(45deg) translate(.4rem, .5rem);
|
-moz-transform: rotate(45deg) translate(.4rem, .5rem);
|
||||||
-ms-transform: rotate(45deg) translate(.4rem, .5rem);
|
-ms-transform: rotate(45deg) translate(.4rem, .5rem);
|
||||||
-webkit-transform: rotate(45deg) translate(.4rem, .5rem);
|
-o-transform: rotate(45deg) translate(.4rem, .5rem);
|
||||||
transform: rotate(45deg) translate(.4rem, .5rem);
|
transform: rotate(45deg) translate(.4rem, .5rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -140,6 +147,7 @@ header {
|
|||||||
-moz-transform: rotate(-45deg) translate(.4rem, -.5rem);
|
-moz-transform: rotate(-45deg) translate(.4rem, -.5rem);
|
||||||
-ms-transform: rotate(-45deg) translate(.4rem, -.5rem);
|
-ms-transform: rotate(-45deg) translate(.4rem, -.5rem);
|
||||||
-webkit-transform: rotate(-45deg) translate(.4rem, -.5rem);
|
-webkit-transform: rotate(-45deg) translate(.4rem, -.5rem);
|
||||||
|
-o-transform: rotate(-45deg) translate(.4rem, -.5rem);
|
||||||
transform: rotate(-45deg) translate(.4rem, -.5rem);
|
transform: rotate(-45deg) translate(.4rem, -.5rem);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -88,10 +88,10 @@
|
|||||||
& a.next {
|
& a.next {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
-webkit-transition: all ease-out .3s;
|
||||||
transition-duration: .3s;
|
-moz-transition: all ease-out .3s;
|
||||||
transition-property: transform;
|
-o-transition: all ease-out .3s;
|
||||||
transition-timing-function: ease-out;
|
transition: all ease-out .3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
& a.prev {
|
& a.prev {
|
||||||
@@ -99,6 +99,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
& a.prev:hover {
|
& a.prev:hover {
|
||||||
|
-webkit-transform: translateX(-4px);
|
||||||
|
-moz-transform: translateX(-4px);
|
||||||
|
-ms-transform: translateX(-4px);
|
||||||
|
-o-transform: translateX(-4px);
|
||||||
transform: translateX(-4px);
|
transform: translateX(-4px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -107,6 +111,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
& a.next:hover {
|
& a.next:hover {
|
||||||
|
-webkit-transform: translateX(4px);
|
||||||
|
-moz-transform: translateX(4px);
|
||||||
|
-ms-transform: translateX(4px);
|
||||||
|
-o-transform: translateX(4px);
|
||||||
transform: translateX(4px);
|
transform: translateX(4px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -80,6 +80,13 @@
|
|||||||
|
|
||||||
details {
|
details {
|
||||||
summary {
|
summary {
|
||||||
|
list-style: none;
|
||||||
|
background: darken($code-background-color, 3%);
|
||||||
|
|
||||||
|
.dark-theme & {
|
||||||
|
background: darken($code-background-color-dark, 3%);
|
||||||
|
}
|
||||||
|
|
||||||
.toc-title {
|
.toc-title {
|
||||||
display: block;
|
display: block;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -87,14 +94,13 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
padding: 0 .625rem;
|
padding: 0 .625rem;
|
||||||
background: $code-background-color;
|
|
||||||
|
|
||||||
i.details {
|
i.details {
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark-theme & {
|
&:hover {
|
||||||
background: $code-background-color-dark;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -111,14 +117,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.toc-content {
|
.toc-content {
|
||||||
border: 2px solid $code-background-color;
|
background-color: $code-background-color;
|
||||||
|
|
||||||
>nav>ul {
|
> nav > ul {
|
||||||
margin: .625rem 0;
|
margin: 0;
|
||||||
|
padding: .4rem .8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
padding-left: .625rem;
|
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@@ -127,7 +133,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dark-theme & {
|
.dark-theme & {
|
||||||
border: 2px solid $code-background-color-dark;
|
background-color: $code-background-color-dark;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 420 KiB After Width: | Height: | Size: 430 KiB |
@@ -54,7 +54,7 @@ other = "Partager sur"
|
|||||||
other = "Contenu"
|
other = "Contenu"
|
||||||
|
|
||||||
[publish]
|
[publish]
|
||||||
other = "publié sur"
|
other = "publié le"
|
||||||
|
|
||||||
[included]
|
[included]
|
||||||
other = "inclus dans"
|
other = "inclus dans"
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 420 KiB After Width: | Height: | Size: 430 KiB |
|
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 81 KiB |
BIN
images/tn.png
|
Before Width: | Height: | Size: 200 KiB After Width: | Height: | Size: 155 KiB |
@@ -8,7 +8,11 @@
|
|||||||
|
|
||||||
{{- /* iconfont */ -}}
|
{{- /* iconfont */ -}}
|
||||||
{{- if $scratch.Get "iconfont" -}}
|
{{- if $scratch.Get "iconfont" -}}
|
||||||
{{- slice "lib/iconfont/iconfont.css" | $scratch.Add "linkLocal" -}}
|
{{- with $CDN.iconfontCSS -}}
|
||||||
|
{{- slice . | $scratch.Add "linkCDN" -}}
|
||||||
|
{{- else -}}
|
||||||
|
{{- slice "lib/iconfont/iconfont.css" | $scratch.Add "linkLocal" -}}
|
||||||
|
{{- end -}}
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
|
|
||||||
{{- /* Smooth Scroll */ -}}
|
{{- /* Smooth Scroll */ -}}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "loveit-src",
|
"name": "loveit-src",
|
||||||
"version": "0.1.2",
|
"version": "0.1.4",
|
||||||
"description": "LoveIt theme source file",
|
"description": "LoveIt theme source file",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"dependencies": {},
|
"dependencies": {},
|
||||||
|
|||||||