Skip to content

Commit c7c71b3

Browse files
To1nedscho
authored andcommitted
layout: replace code icon with pure CSS solution
To make it easier to style in dark mode. Signed-off-by: Toon Claes <[email protected]>
1 parent 12e369b commit c7c71b3

File tree

3 files changed

+10
-3
lines changed

3 files changed

+10
-3
lines changed

assets/sass/layout.scss

+10-3
Original file line numberDiff line numberDiff line change
@@ -329,12 +329,21 @@ footer {
329329
padding: 20px 0 40px;
330330
margin-top: 35px;
331331
clear: both;
332-
@include clearfix;
333332
font-size: 12px;
334333
line-height: $base-line-height * 0.7;
335334
color: var(--light-font-color);
336335
border-top: solid 1px var(--base-border-color);
337336

337+
&:before {
338+
content: "</>";
339+
color: var(--light-font-color);
340+
float: left;
341+
font-family: monospace;
342+
font-size: 24px;
343+
letter-spacing: -4px;
344+
padding: 5px;
345+
}
346+
338347
a {
339348
color: var(--light-font-color-darker-35);
340349

@@ -345,8 +354,6 @@ footer {
345354

346355
.site-source {
347356
float: left;
348-
padding-left: 46px;
349-
@include background-image-2x($baseurl + "images/icons/code", 38px, 23px, 0 2px);
350357
}
351358

352359
.sfc-member {

static/images/icons/code.png

-377 Bytes
Binary file not shown.
-659 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)