|
@ -75,12 +75,4 @@ a {
|
|||
}
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
|
||||
.dark-theme & {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
@import "../_partial/dynamic-to-top";
|
||||
|
|
|
@ -5,6 +5,10 @@
|
|||
.home {
|
||||
@if $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));
|
||||
padding: if($posts, 2rem, 0) 0;
|
||||
text-align: center;
|
||||
|
@ -48,14 +52,11 @@
|
|||
|
||||
.home-social-links {
|
||||
padding-top: .6rem;
|
||||
|
||||
i {
|
||||
font-size: 1.45rem;
|
||||
}
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.5rem;
|
||||
|
||||
img {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
max-height: 1.4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -86,12 +86,20 @@
|
|||
margin: .5rem 0;
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: bold;
|
||||
|
||||
.dark-theme & {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
color: $single-link-color;
|
||||
|
||||
.dark-theme & {
|
||||
.dark-theme &, .dark-theme & b, .dark-theme & strong {
|
||||
color: $single-link-color-dark;
|
||||
}
|
||||
}
|
||||
|
@ -99,7 +107,7 @@
|
|||
a:hover {
|
||||
color: $single-link-hover-color;
|
||||
|
||||
.dark-theme &:hover {
|
||||
.dark-theme &, .dark-theme & b, .dark-theme & strong {
|
||||
color: $single-link-hover-color-dark;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -6,14 +6,19 @@
|
|||
position: relative;
|
||||
margin: 5px 10px;
|
||||
overflow-wrap: break-word;
|
||||
transition-duration: .3s;
|
||||
transition-property: transform;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-transition: all ease-out .3s;
|
||||
-moz-transition: all ease-out .3s;
|
||||
-o-transition: all ease-out .3s;
|
||||
transition: all ease-out .3s;
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
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);
|
||||
|
||||
.dark-theme & {
|
||||
|
|
|
@ -30,6 +30,10 @@ header {
|
|||
}
|
||||
|
||||
.theme-switch i {
|
||||
-webkit-transform: rotate(225deg);
|
||||
-moz-transform: rotate(225deg);
|
||||
-ms-transform: rotate(225deg);
|
||||
-o-transform: rotate(225deg);
|
||||
transform: rotate(225deg);
|
||||
}
|
||||
}
|
||||
|
@ -103,6 +107,7 @@ header {
|
|||
border-radius: 3px;
|
||||
-webkit-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;
|
||||
|
||||
.dark-theme & {
|
||||
|
@ -122,13 +127,15 @@ header {
|
|||
span {
|
||||
-webkit-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;
|
||||
}
|
||||
|
||||
span:nth-child(1) {
|
||||
-webkit-transform: rotate(45deg) translate(.4rem, .5rem);
|
||||
-moz-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);
|
||||
}
|
||||
|
||||
|
@ -140,6 +147,7 @@ header {
|
|||
-moz-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);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -88,10 +88,10 @@
|
|||
& a.next {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
|
||||
transition-duration: .3s;
|
||||
transition-property: transform;
|
||||
transition-timing-function: ease-out;
|
||||
-webkit-transition: all ease-out .3s;
|
||||
-moz-transition: all ease-out .3s;
|
||||
-o-transition: all ease-out .3s;
|
||||
transition: all ease-out .3s;
|
||||
}
|
||||
|
||||
& a.prev {
|
||||
|
@ -99,6 +99,10 @@
|
|||
}
|
||||
|
||||
& a.prev:hover {
|
||||
-webkit-transform: translateX(-4px);
|
||||
-moz-transform: translateX(-4px);
|
||||
-ms-transform: translateX(-4px);
|
||||
-o-transform: translateX(-4px);
|
||||
transform: translateX(-4px);
|
||||
}
|
||||
|
||||
|
@ -107,6 +111,10 @@
|
|||
}
|
||||
|
||||
& a.next:hover {
|
||||
-webkit-transform: translateX(4px);
|
||||
-moz-transform: translateX(4px);
|
||||
-ms-transform: translateX(4px);
|
||||
-o-transform: translateX(4px);
|
||||
transform: translateX(4px);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -80,6 +80,13 @@
|
|||
|
||||
details {
|
||||
summary {
|
||||
list-style: none;
|
||||
background: darken($code-background-color, 3%);
|
||||
|
||||
.dark-theme & {
|
||||
background: darken($code-background-color-dark, 3%);
|
||||
}
|
||||
|
||||
.toc-title {
|
||||
display: block;
|
||||
display: flex;
|
||||
|
@ -87,14 +94,13 @@
|
|||
font-weight: bold;
|
||||
line-height: 2em;
|
||||
padding: 0 .625rem;
|
||||
background: $code-background-color;
|
||||
|
||||
i.details {
|
||||
line-height: 2em;
|
||||
}
|
||||
|
||||
.dark-theme & {
|
||||
background: $code-background-color-dark;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -111,14 +117,14 @@
|
|||
}
|
||||
|
||||
.toc-content {
|
||||
border: 2px solid $code-background-color;
|
||||
background-color: $code-background-color;
|
||||
|
||||
>nav>ul {
|
||||
margin: .625rem 0;
|
||||
> nav > ul {
|
||||
margin: 0;
|
||||
padding: .4rem .8rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: .625rem;
|
||||
list-style: none;
|
||||
|
||||
ul {
|
||||
|
@ -127,7 +133,7 @@
|
|||
}
|
||||
|
||||
.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"
|
||||
|
||||
[publish]
|
||||
other = "publié sur"
|
||||
other = "publié le"
|
||||
|
||||
[included]
|
||||
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 */ -}}
|
||||
{{- 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 -}}
|
||||
|
||||
{{- /* Smooth Scroll */ -}}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "loveit-src",
|
||||
"version": "0.1.2",
|
||||
"version": "0.1.4",
|
||||
"description": "LoveIt theme source file",
|
||||
"main": "index.js",
|
||||
"dependencies": {},
|
||||
|
|