Skip to content

Commit b5a9a4e

Browse files
liaobinbinliaobinbin
committed
fix: text error break line on iphone safari
1 parent a231fd3 commit b5a9a4e

5 files changed

Lines changed: 105 additions & 84 deletions

File tree

‎resources/_gen/assets/scss/css/style.scss_26962b449d539ee5c1301a7879e5bb0e.content‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎themes/LoveIt/assets/css/_page/_single.scss‎

Lines changed: 51 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,34 @@
22

33
.single {
44
.single-title {
5-
margin: 2rem 0 .5rem;
5+
margin: 2rem 0 0.5rem;
66
font-size: 1.6rem;
77
font-weight: bold;
88
line-height: 140%;
99
}
1010

1111
.single-subtitle {
12-
margin: .5rem 0;
12+
margin: 0.5rem 0;
1313
font-size: 1.2rem;
1414
font-weight: normal;
1515
line-height: 100%;
1616
}
1717

1818
.post-meta {
19-
font-size: .875rem;
19+
font-size: 0.875rem;
2020
color: $global-font-secondary-color;
2121

2222
span {
2323
display: inline-block;
24+
word-break: keep-all;
2425
}
2526

26-
[theme=dark] & {
27+
.leancloud_visitors {
28+
display: inline-flex;
29+
align-items: center;
30+
}
31+
32+
[theme="dark"] & {
2733
color: $global-font-secondary-color-dark;
2834
}
2935

@@ -35,7 +41,7 @@
3541
}
3642

3743
.featured-image {
38-
margin: .5rem 0 1rem 0;
44+
margin: 0.5rem 0 1rem 0;
3945

4046
img {
4147
display: block;
@@ -91,7 +97,7 @@
9197
font-weight: bold;
9298
margin: 1.2rem 0;
9399

94-
[theme=dark] & {
100+
[theme="dark"] & {
95101
font-weight: bolder;
96102
}
97103
}
@@ -103,10 +109,10 @@
103109
> h6 {
104110
> .header-mark::before {
105111
content: "|";
106-
margin-right: .3125rem;
112+
margin-right: 0.3125rem;
107113
color: $single-link-color;
108114

109-
[theme=dark] & {
115+
[theme="dark"] & {
110116
color: $single-link-color-dark;
111117
}
112118
}
@@ -117,13 +123,14 @@
117123
}
118124

119125
p {
120-
margin: .5rem 0;
126+
margin: 0.5rem 0;
121127
}
122128

123-
b, strong {
129+
b,
130+
strong {
124131
font-weight: bold;
125132

126-
[theme=dark] & {
133+
[theme="dark"] & {
127134
color: #ddd;
128135
}
129136
}
@@ -133,17 +140,20 @@
133140
a {
134141
@include overflow-wrap(break-word);
135142

136-
[theme=dark] & b, [theme=dark] & strong {
143+
[theme="dark"] & b,
144+
[theme="dark"] & strong {
137145
color: $single-link-color-dark;
138146
}
139147
}
140148

141-
[theme=dark] a:hover b, [theme=dark] a:hover strong {
149+
[theme="dark"] a:hover b,
150+
[theme="dark"] a:hover strong {
142151
color: $single-link-hover-color-dark;
143152
}
144153

145-
ul, ol {
146-
margin: .5rem 0;
154+
ul,
155+
ol {
156+
margin: 0.5rem 0;
147157
padding-left: 2.5rem;
148158
}
149159

@@ -158,7 +168,7 @@
158168
color: $global-font-secondary-color;
159169
}
160170

161-
[theme=dark] & {
171+
[theme="dark"] & {
162172
background: $code-background-color-dark;
163173

164174
rt {
@@ -173,36 +183,37 @@
173183
&::-webkit-scrollbar {
174184
background-color: $table-background-color;
175185

176-
[theme=dark] & {
186+
[theme="dark"] & {
177187
background-color: $table-background-color-dark;
178188
}
179189
}
180190

181191
> table {
182192
width: 100%;
183193
max-width: 100%;
184-
margin: .625rem 0;
194+
margin: 0.625rem 0;
185195
border-spacing: 0;
186196
background: $table-background-color;
187197
border-collapse: collapse;
188198

189-
[theme=dark] & {
199+
[theme="dark"] & {
190200
background: $table-background-color-dark;
191201
}
192202

193203
thead {
194204
background: $table-thead-color;
195205

196-
[theme=dark] & {
206+
[theme="dark"] & {
197207
background-color: $table-thead-color-dark;
198208
}
199209
}
200210

201-
th, td {
202-
padding: .3rem 1rem;
211+
th,
212+
td {
213+
padding: 0.3rem 1rem;
203214
border: 1px solid darken($table-thead-color, 2%);
204215

205-
[theme=dark] & {
216+
[theme="dark"] & {
206217
border-color: darken($table-thead-color-dark, 2%);
207218
}
208219
}
@@ -215,16 +226,16 @@
215226
}
216227

217228
figure {
218-
margin: .5rem;
229+
margin: 0.5rem;
219230
text-align: center;
220231

221232
.image-caption:not(:empty) {
222233
min-width: 20%;
223234
max-width: 80%;
224235
display: inline-block;
225-
padding: .5rem;
236+
padding: 0.5rem;
226237
margin: 0 auto;
227-
font-size: .875rem;
238+
font-size: 0.875rem;
228239
color: #969696;
229240
}
230241

@@ -239,26 +250,26 @@
239250

240251
blockquote {
241252
display: block;
242-
border-left: .5rem solid $blockquote-color;
243-
background-color: rgba($blockquote-color, .2);
244-
padding: .25rem .75rem;
253+
border-left: 0.5rem solid $blockquote-color;
254+
background-color: rgba($blockquote-color, 0.2);
255+
padding: 0.25rem 0.75rem;
245256
margin: 1rem 0;
246257

247-
[theme=dark] & {
258+
[theme="dark"] & {
248259
border-left-color: $blockquote-color-dark;
249-
background-color: rgba($blockquote-color-dark, .2);
260+
background-color: rgba($blockquote-color-dark, 0.2);
250261
}
251262
}
252263

253264
.footnotes {
254265
color: $global-font-secondary-color;
255266

256-
[theme=dark] & {
267+
[theme="dark"] & {
257268
color: $global-font-secondary-color-dark;
258269
}
259270

260271
p {
261-
margin: .25rem 0;
272+
margin: 0.25rem 0;
262273
}
263274
}
264275

@@ -276,24 +287,24 @@
276287
border-top: 1px dashed $global-border-color;
277288
border-bottom: none;
278289

279-
[theme=dark] & {
290+
[theme="dark"] & {
280291
border-top: 1px dashed $global-border-color-dark;
281292
}
282293
}
283294

284295
kbd {
285296
display: inline-block;
286-
padding: .25rem;
297+
padding: 0.25rem;
287298
background-color: $global-background-color;
288299
border: 1px solid $global-border-color;
289300
border-bottom-color: $global-border-color;
290301
@include border-radius(3px);
291302
@include box-shadow(inset 0 -1px 0 $global-border-color);
292-
font-size: .8rem;
303+
font-size: 0.8rem;
293304
font-family: var(--code-font-family);
294305
color: $code-color;
295306

296-
[theme=dark] & {
307+
[theme="dark"] & {
297308
background-color: $global-background-color-dark;
298309
border: 1px solid $global-border-color-dark;
299310
border-bottom-color: $global-border-color-dark;
@@ -324,8 +335,8 @@
324335

325336
.typeit {
326337
.highlight {
327-
padding: .375rem;
328-
font-size: .875rem;
338+
padding: 0.375rem;
339+
font-size: 0.875rem;
329340
font-family: var(--code-font-family);
330341
font-weight: bold;
331342
word-break: break-all;
@@ -339,7 +350,7 @@
339350
--ti-cursor-color: $global-font-secondary-color;
340351
--ti-cursor-margin-left: 0;
341352

342-
[theme=dark] & {
353+
[theme="dark"] & {
343354
--ti-cursor-color: $global-font-secondary-color-dark;
344355
}
345356
}

‎themes/LoveIt/assets/css/_partial/_archive/_terms.scss‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
line-height: 1.6rem;
1010

1111
.card-item {
12-
font-size: .875rem;
12+
font-size: 0.875rem;
1313
text-align: left;
1414
width: 45%;
1515
display: flex;
@@ -26,9 +26,9 @@
2626
.card-item-title {
2727
font-size: 1.2rem;
2828
font-weight: bold;
29-
display: inline-block;
29+
display: block;
3030
margin-top: 1rem;
31-
margin-bottom: .75rem;
31+
margin-bottom: 0.75rem;
3232
}
3333

3434
span {
@@ -44,7 +44,7 @@
4444
justify-content: space-between;
4545
align-items: center;
4646
box-sizing: border-box;
47-
margin: .25rem 0 .25rem 1.5rem;
47+
margin: 0.25rem 0 0.25rem 1.5rem;
4848
}
4949

5050
.archive-item-link {
@@ -58,7 +58,7 @@
5858
background-color: transparent;
5959
}
6060

61-
[theme=dark] & {
61+
[theme="dark"] & {
6262
color: $global-link-color-dark;
6363

6464
&:hover {
@@ -72,7 +72,7 @@
7272
text-align: right;
7373
color: $global-font-secondary-color;
7474

75-
[theme=dark] & {
75+
[theme="dark"] & {
7676
color: $global-font-secondary-color-dark;
7777
}
7878
}

‎themes/LoveIt/assets/css/_partial/_single/_footer.scss‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
border-bottom: 1px solid $global-border-color;
66
padding: 1rem 0 0.3rem;
77

8-
[theme=dark] & {
8+
[theme="dark"] & {
99
border-bottom: 1px solid $global-border-color-dark;
1010
}
1111

@@ -14,10 +14,11 @@
1414
justify-content: space-between;
1515

1616
.post-info-mod {
17+
display: flex;
1718
font-size: 0.8em;
1819
color: $global-font-secondary-color;
1920

20-
[theme=dark] & {
21+
[theme="dark"] & {
2122
color: $global-font-secondary-color-dark;
2223
}
2324

@@ -28,7 +29,7 @@
2829
font-size: 0.8em;
2930
color: $global-font-secondary-color;
3031

31-
[theme=dark] & {
32+
[theme="dark"] & {
3233
color: $global-font-secondary-color-dark;
3334
}
3435

@@ -65,6 +66,10 @@
6566
}
6667
}
6768

69+
.post-button {
70+
display: flex;
71+
}
72+
6873
.post-nav {
6974
&::before,
7075
&::after {

0 commit comments

Comments
 (0)