Skip to content

Commit 508d73a

Browse files
author
Владислав Прусаков
committed
Publish deploy 2023-04-18 01:03
1 parent 338a6a4 commit 508d73a

File tree

14 files changed

+154
-85
lines changed

14 files changed

+154
-85
lines changed

‎Styles/codesyntax.css‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,82 +2,82 @@
22
/* Generated by `CodeSyntaxCSSGeneratorPlugin` https://github.com/SpectralDragon/CodeSyntaxCSSGeneratorPlugin */
33

44

5-
pre code .s-preprocessing {
6-
color: #63381FFF
5+
pre code .s-type {
6+
color: #3E6D74FF
7+
}
8+
9+
pre code .s-keyword {
10+
color: #A90D91FF
711
}
812

913
pre code .s-call {
1014
color: #25464AFF
1115
}
1216

13-
pre code .s-comment {
14-
color: #007400FF
17+
pre code .s-dotAccess {
18+
color: #25464AFF
1519
}
1620

1721
pre code .s-string {
1822
color: #C41A15FF
1923
}
2024

21-
pre code .s-type {
22-
color: #3E6D74FF
23-
}
24-
25-
pre code .s-keyword {
26-
color: #A90D91FF
25+
pre code .s-number {
26+
color: #1C00CEFF
2727
}
2828

2929
pre code .s-property {
3030
color: #3E6D74FF
3131
}
3232

33-
pre code .s-dotAccess {
34-
color: #25464AFF
33+
pre code .s-comment {
34+
color: #007400FF
3535
}
3636

37-
pre code .s-number {
38-
color: #1C00CEFF
37+
pre code .s-preprocessing {
38+
color: #63381FFF
3939
}
4040

4141

4242

4343
@media(prefers-color-scheme: dark) {
4444

45-
pre code .s-comment {
46-
color: #6C7985FF
45+
pre code .s-dotAccess {
46+
color: #67B6A3FF
4747
}
4848

49-
pre code .s-type {
50-
color: #9EF0DDFF
49+
pre code .s-property {
50+
color: #67B6A3FF
51+
}
52+
53+
pre code .s-call {
54+
color: #67B6A3FF
5155
}
5256

5357
pre code .s-preprocessing {
5458
color: #FC8E3EFF
5559
}
5660

61+
pre code .s-type {
62+
color: #9EF0DDFF
63+
}
64+
5765
pre code .s-keyword {
5866
color: #FC5FA2FF
5967
}
6068

61-
pre code .s-dotAccess {
62-
color: #67B6A3FF
69+
pre code .s-number {
70+
color: #CFBF69FF
6371
}
6472

65-
pre code .s-property {
66-
color: #67B6A3FF
73+
pre code .s-comment {
74+
color: #6C7985FF
6775
}
6876

6977
pre code .s-string {
7078
color: #FC695DFF
7179
}
7280

73-
pre code .s-call {
74-
color: #67B6A3FF
75-
}
76-
77-
pre code .s-number {
78-
color: #CFBF69FF
79-
}
80-
8181

8282

8383
}

‎Styles/community.css‎

Lines changed: 79 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,21 @@
1-
@import "root.css";
2-
31
.community-card {
42
position: relative;
53
display: grid;
6-
color: var(--light);
4+
color: var(--glyph-gray-override);
5+
background-color: var(--fill-gray);
76
object-fit: cover;
87
box-shadow: none;
9-
border-radius: 8px;
8+
border-radius: var(--corner-radius);
109
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
1110
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
12-
border-radius: 8px;
1311
}
1412

1513
.community-card h2 {
16-
color: var(--light);
14+
color: var(--glyph-gray-override);
1715
}
1816

1917
.community-card p2 {
20-
color: var(--light);
18+
color: var(--glyph-gray-override);
2119
}
2220

2321
.community-card .image-container {
@@ -27,9 +25,29 @@
2725
padding: 1rem;
2826
}
2927

28+
.community-card .title {
29+
margin: 0;
30+
}
31+
32+
.community-card .subtitle {
33+
margin: 4px 0 0;
34+
color: var(--glyph-gray-override);
35+
font-style: italic;
36+
font-size: 1.2rem;
37+
font-weight: 400;
38+
}
39+
40+
.community-card .description {
41+
margin: 10px 0 0;
42+
font-size: 1.0rem;
43+
font-weight: 300;
44+
}
45+
3046
.community-card .content {
31-
display: grid;
32-
padding: 1rem;
47+
display: flex;
48+
flex-direction: column;
49+
justify-content: center;
50+
padding: 1rem 0.7rem;
3351
}
3452

3553
.community-card .image-container img {
@@ -39,19 +57,19 @@
3957
object-fit: contain;
4058
}
4159

42-
.community-card:hover {
43-
-webkit-transform: scale(1.05, 1.05);
44-
transform: scale(1.05, 1.05);
45-
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
46-
border-radius: 8px;
47-
}
48-
4960
/* Big screen */
5061

5162
@media (min-width: 803px) {
5263
.community-card {
5364
grid-template-columns: 30% 1fr;
5465
}
66+
67+
.community-card:hover {
68+
-webkit-transform: scale(1.05, 1.05);
69+
transform: scale(1.05, 1.05);
70+
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
71+
border-radius: var(--corner-radius);
72+
}
5573
}
5674

5775
/* Small screen */
@@ -60,6 +78,13 @@
6078
.community-card {
6179
grid-template-columns: 30% 1fr;
6280
}
81+
82+
.community-card:hover {
83+
-webkit-transform: scale(1.02, 1.02);
84+
transform: scale(1.02, 1.02);
85+
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
86+
border-radius: var(--corner-radius);
87+
}
6388
}
6489

6590
@media (max-width: 803px) {
@@ -75,9 +100,46 @@
75100
}
76101

77102
@media(prefers-color-scheme: light) {
78-
103+
.community-card .image-container .light {
104+
visibility: visible;
105+
display: flex;
106+
}
107+
108+
.community-card .image-container .dark {
109+
visibility: hidden;
110+
display: none;
111+
}
112+
113+
.community-card .subtitle {
114+
color: var(--glyph-gray-secondary);
115+
}
79116
}
80117

81118
@media(prefers-color-scheme: dark) {
119+
.community-card {
120+
background-color: var(--background-dark-secondary);
121+
color: var(--light);
122+
}
123+
124+
.community-card .subtitle {
125+
color: var(--glyph-gray-secondary);
126+
}
127+
128+
.community-card .image-container .light {
129+
visibility: hidden;
130+
display: none;
131+
}
132+
133+
.community-card .image-container .dark {
134+
visibility: visible;
135+
display: flex;
136+
}
137+
138+
.community-card h2 {
139+
color: var(--light);
140+
}
82141

142+
.community-card p2 {
143+
color: var(--light);
144+
}
83145
}

‎Styles/main.css‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ html {
9292
padding: 5px 10px;
9393
margin-right: 10px;
9494
font-size: 1em;
95-
border-radius: 8px;
95+
border-radius: var(--corner-radius);
9696
margin-bottom: 7px;
9797
}
9898

@@ -154,7 +154,7 @@ html {
154154
float: left;
155155
padding: 3px 6px;
156156
font-size: 0.65em;
157-
border-radius: 8px;
157+
border-radius: var(--corner-radius);
158158
margin: 8px 8px auto 8px;
159159
background-color: #FFE066;
160160
}
@@ -192,7 +192,7 @@ html {
192192
min-height: 20em;
193193
max-height: 30em;
194194
object-fit: cover;
195-
border-radius: 8px;
195+
border-radius: var(--corner-radius);
196196
}
197197

198198
.article-item-new:hover {
@@ -224,7 +224,7 @@ html {
224224
display: block;
225225
object-fit: cover;
226226
box-shadow: none;
227-
border-radius: 8px;
227+
border-radius: var(--corner-radius);
228228
background-color: var(--fill-gray);
229229
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
230230
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
@@ -245,7 +245,7 @@ html {
245245
width: 100%;
246246
height: 200px;
247247
object-fit: cover;
248-
border-radius: 8px;
248+
border-radius: var(--corner-radius);
249249
margin: 0 auto;
250250
padding: 0 auto;
251251
position: relative;
@@ -277,7 +277,7 @@ ul {
277277
padding: 3px 6px;
278278
margin-right: 10px;
279279
font-size: 0.85em;
280-
border-radius: 8px;
280+
border-radius: var(--corner-radius);
281281
margin-bottom: 7px;
282282
}
283283

@@ -292,7 +292,7 @@ article .tags {
292292

293293
.tag-in-search {
294294
font-weight: bold;
295-
border-radius: 8px;
295+
border-radius: var(--corner-radius);
296296
margin-bottom: 7px;
297297
padding: 3px 6px;
298298
margin-right: 10px;
@@ -522,7 +522,7 @@ pre code .highlight {
522522
-webkit-transform: scale(1.05, 1.05);
523523
transform: scale(1.05, 1.05);
524524
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
525-
border-radius: 8px;
525+
border-radius: var(--corner-radius);
526526
}
527527

528528
.footer .avatar {
@@ -619,7 +619,7 @@ pre code .highlight {
619619

620620
.article-item {
621621
background-color: var(--background-dark-secondary);
622-
border-radius: 8px;
622+
border-radius: var(--corner-radius);
623623
}
624624

625625
.article-item-new h3 {

‎Styles/root.css‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11

22
:root {
3+
4+
/* Colors */
5+
36
--dark: #000;
47
--light: #FFF;
58
--glyph-gray: #F5F5F7;
@@ -90,4 +93,8 @@
9093
--color-aside-warning: var( --color-figure-red);
9194
--color-aside-warning-background: var( --color-fill-red-secondary);
9295
--color-aside-warning-border: var( --color-figure-red);
96+
97+
/* Constants */
98+
99+
--corner-radius: 8px;
93100
}

0 commit comments

Comments
 (0)