Skip to content

Commit 821dd60

Browse files
committed
style: fix page title animate override
1 parent 00a2351 commit 821dd60

2 files changed

Lines changed: 31 additions & 10 deletions

File tree

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
.v[data-class=v] .vcards .vcard .vcontent.expand::before,.v[data-class=v] .vcards .vcard .vcontent.expand::after{z-index:50}.v[data-class=v] .vwrap,.v[data-class=v] .vwrap .vheader .vinput,.v[data-class=v] .vcards .vcard .vh,.v[data-class=v] .vcards .vcard .vquote,.v[data-class=v] blockquote{border-color:#f0f0f0}[theme=dark] .v[data-class=v] .vwrap,[theme=dark] .v[data-class=v] .vwrap .vheader .vinput,[theme=dark] .v[data-class=v] .vcards .vcard .vh,[theme=dark] .v[data-class=v] .vcards .vcard .vquote,[theme=dark] .v[data-class=v] blockquote{border-color:#363636}.v[data-class=v] code,.v[data-class=v] pre,.v[data-class=v] pre code{font-size:90%;word-wrap:break-word;overflow-wrap:break-word;-webkit-line-break:anywhere;-ms-line-break:anywhere;line-break:anywhere;-moz-tab-size:4;-o-tab-size:4;tab-size:4;color:#E74C3C;background:#f5f5f5}[theme=dark] .v[data-class=v] code,[theme=dark] .v[data-class=v] pre,[theme=dark] .v[data-class=v] pre code{color:#E5BF78;background:#272C34}.v[data-class=v] .emoji,.v[data-class=v] .vemoji{max-width:1.5em;vertical-align:text-bottom}
1+
.v[data-class="v"] .vcards .vcard .vcontent.expand::before,.v[data-class="v"] .vcards .vcard .vcontent.expand::after{z-index:50}.v[data-class="v"] .vwrap,.v[data-class="v"] .vwrap .vheader .vinput,.v[data-class="v"] .vcards .vcard .vh,.v[data-class="v"] .vcards .vcard .vquote,.v[data-class="v"] blockquote{border-color:#f0f0f0}[theme="dark"] .v[data-class="v"] .vwrap,[theme="dark"] .v[data-class="v"] .vwrap .vheader .vinput,[theme="dark"] .v[data-class="v"] .vcards .vcard .vh,[theme="dark"] .v[data-class="v"] .vcards .vcard .vquote,[theme="dark"] .v[data-class="v"] blockquote{border-color:#363636}.v[data-class="v"] code,.v[data-class="v"] pre,.v[data-class="v"] pre code{font-size:90%;word-wrap:break-word;overflow-wrap:break-word;-webkit-line-break:anywhere;-ms-line-break:anywhere;line-break:anywhere;-moz-tab-size:4;-o-tab-size:4;tab-size:4;color:#e74c3c;background:#f5f5f5}[theme="dark"] .v[data-class="v"] code,[theme="dark"] .v[data-class="v"] pre,[theme="dark"] .v[data-class="v"] pre code{color:#e5bf78;background:#272c34}.v[data-class="v"] .emoji,.v[data-class="v"] .vemoji{max-width:1.5em;vertical-align:text-bottom}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

themes/LoveIt/assets/lib/valine/valine.scss

Lines changed: 30 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,12 @@ $border-color-dark: #363636;
55

66
// ========== Code ========== //
77
// Color of the code
8-
$code-color: #E74C3C !default;
9-
$code-color-dark: #E5BF78 !default;
8+
$code-color: #e74c3c !default;
9+
$code-color-dark: #e5bf78 !default;
1010

1111
// Color of the code background
1212
$code-background-color: #f5f5f5 !default;
13-
$code-background-color-dark: #272C34 !default;
13+
$code-background-color-dark: #272c34 !default;
1414

1515
@mixin overflow-wrap($value) {
1616
word-wrap: $value;
@@ -29,9 +29,10 @@ $code-background-color-dark: #272C34 !default;
2929
tab-size: $value;
3030
}
3131

32-
.v[data-class=v] {
32+
.v[data-class="v"] {
3333
.vcards .vcard .vcontent.expand {
34-
&::before, &::after {
34+
&::before,
35+
&::after {
3536
z-index: 50;
3637
}
3738
}
@@ -43,27 +44,47 @@ $code-background-color-dark: #272C34 !default;
4344
blockquote {
4445
border-color: $border-color;
4546

46-
[theme=dark] & {
47+
[theme="dark"] & {
4748
border-color: $border-color-dark;
4849
}
4950
}
5051

51-
code, pre, pre code {
52+
code,
53+
pre,
54+
pre code {
5255
font-size: 90%;
5356
@include overflow-wrap(break-word);
5457
@include line-break(anywhere);
5558
@include tab-size(4);
5659
color: $code-color;
5760
background: $code-background-color;
5861

59-
[theme=dark] & {
62+
[theme="dark"] & {
6063
color: $code-color-dark;
6164
background: $code-background-color-dark;
6265
}
6366
}
6467

65-
.emoji, .vemoji {
68+
.emoji,
69+
.vemoji {
6670
max-width: 1.5em;
6771
vertical-align: text-bottom;
6872
}
6973
}
74+
75+
@keyframes pulse {
76+
0% {
77+
-webkit-transform: scaleX(1);
78+
transform: scaleX(1);
79+
}
80+
81+
50% {
82+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
83+
transform: scale3d(1.05, 1.05, 1.05);
84+
}
85+
86+
to {
87+
-webkit-transform: scaleX(1);
88+
transform: scaleX(1);
89+
}
90+
}

0 commit comments

Comments
 (0)