8000 refactor: update the sass mixed declarations (#1872) · Goder-0/goder-0.github.io@7cf3e6b · GitHub
[go: up one dir, main page]

Skip to content

Commit 7cf3e6b

Browse files
classicrocker883cotes2020
authored andcommitted
refactor: update the sass mixed declarations (cotes2020#1872)
See: https://sass-lang.com/d/mixed-decls
1 parent 1c1dbcb commit 7cf3e6b

File tree

4 files changed

+28
-28
lines changed

4 files changed

+28
-28
lines changed

_sass/addon/commons.scss

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
/* The common styles */
22

33
html {
4+
font-size: 16px;
5+
46
@media (prefers-color-scheme: light) {
57
&:not([data-mode]),
68
&[data-mode='light'] {
@@ -22,8 +24,6 @@ html {
2224
@include light-scheme;
2325
}
2426
}
25-
26-
font-size: 16px;
2727
}
2828

2929
body {
@@ -218,13 +218,13 @@ i {
218218

219219
#access-lastmod {
220220
a {
221+
color: inherit;
222+
221223
&:hover {
222224
@extend %link-hover;
223225
}
224226

225227
@extend %no-bottom-border;
226-
227-
color: inherit;
228228
}
229229
}
230230

@@ -682,15 +682,15 @@ $btn-mb: 0.5rem;
682682
background: var(--sidebar-bg);
683683
border-right: 1px solid var(--sidebar-border-color);
684684

685+
/* Hide scrollbar for IE, Edge and Firefox */
686+
-ms-overflow-style: none; /* IE and Edge */
687+
scrollbar-width: none; /* Firefox */
688+
685689
/* Hide scrollbar for Chrome, Safari and Opera */
686690
&::-webkit-scrollbar {
687691
display: none;
688692
}
689693

690-
/* Hide scrollbar for IE, Edge and Firefox */
691-
-ms-overflow-style: none; /* IE and Edge */
692-
scrollbar-width: none; /* Firefox */
693-
694694
%sidebar-link-hover {
695695
&:hover {
696696
color: var(--sidebar-active-color);
@@ -1036,16 +1036,16 @@ search {
10361036
padding-bottom: 3rem;
10371037

10381038
a< 10000 /span> {
1039+
font-size: 1.4rem;
1040+
line-height: 2.5rem;
1041+
10391042
&:hover {
10401043
@extend %link-hover;
10411044
}
10421045

10431046
@extend %link-color;
10441047
@extend %no-bottom-border;
10451048
@extend %heading;
1046-
1047-
font-size: 1.4rem;
1048-
line-height: 2.5rem;
10491049
}
10501050

10511051
> article {

_sass/addon/syntax.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,13 +50,13 @@ html {
5050
@extend %rounded;
5151
@extend %code-snippet-bg;
5252

53+
overflow: auto;
54+
padding-bottom: 0.75rem;
55+
5356
@at-root figure#{&} {
5457
@extend %code-snippet-bg;
5558
}
5659

57-
overflow: auto;
58-
padding-bottom: 0.75rem;
59-
6060
pre {
6161
margin-bottom: 0;
6262
font-size: $code-font-size;

_sass/colors/typography-dark.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -84,27 +84,29 @@
8484
--prompt-danger-bg: rgb(86, 28, 8, 0.8);
8585
--prompt-danger-icon-color: #cd0202;
8686

87-
/* tags */
87+
/* Tags */
8888
--tag-border: rgb(59, 79, 88);
8989
--tag-shadow: rgb(32, 33, 33);
9090
--dash-color: rgb(63, 65, 68);
9191
--search-tag-bg: #292828;
9292

93-
/* categories */
93+
/* Categories */
9494
--categories-border: rgb(64, 66, 69, 0.5);
9595
--categories-hover-bg: rgb(73, 75, 76);
9696
--categories-icon-hover-color: white;
9797

98-
/* archives */
98+
/* Archive */
9999
--timeline-node-bg: rgb(150, 152, 156);
100100
--timeline-color: rgb(63, 65, 68);
101101
--timeline-year-dot-color: var(--timeline-color);
102102

103+
color-scheme: dark;
104+
103105
.light {
104106
display: none;
105107
}
106108

107-
/* categories */
109+
/* Categories */
108110
.categories.card,
109111
.list-group-item {
110112
background-color: var(--card-bg);
@@ -138,8 +140,6 @@
138140
);
139141
}
140142

141-
color-scheme: dark;
142-
143143
/* stylelint-disable-next-line selector-id-pattern */
144144
#disqus_thread {
145145
color-scheme: none;

_sass/colors/typography-light.scss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -92,14 +92,6 @@
9292
--tag-hover: rgb(222, 226, 230);
9393
--search-tag-bg: #f8f9fa;
9494

95-
[class^='prompt-'] {
96-
--link-underline-color: rgb(219, 216, 216);
97-
}
98-
99-
.dark {
100-
display: none;
101-
}
102-
10395
/* Categories */
10496
--categories-border: rgba(0, 0, 0, 0.125);
10597
--categories-hover-bg: var(--btn-border-color);
@@ -109,4 +101,12 @@
109101
--timeline-color: rgba(0, 0, 0, 0.075);
110102
--timeline-node-bg: #c2c6cc;
111103
--timeline-year-dot-color: #ffffff;
104+
105+
[class^='prompt-'] {
106+
--link-underline-color: rgb(219, 216, 216);
107+
}
108+
109+
.dark {
110+
display: none;
111+
}
112112
} /* light-scheme */

0 commit comments

Comments
 (0)
0