Skip to content

Commit 29b0647

Browse files
committed
Polish: Add shadow to codeblock + fix images
1 parent f63bc9e commit 29b0647

File tree

1 file changed

+11
-2
lines changed

1 file changed

+11
-2
lines changed

assets/css/v2/style.css

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1027,19 +1027,26 @@ li .code-block {
10271027
}
10281028

10291029
.highlight-v2 {
1030-
padding: 0 1rem 0 0;
10311030
margin: 0 0 1rem 0;
10321031
border-top: 1px solid #cccccc;
10331032
border-bottom: 1px solid #cccccc;
10341033
overflow-x: scroll;
10351034
scrollbar-width: none;
10361035
width: calc(100% + var(--overflow-gutter-extension));
1036+
1037+
background-image: linear-gradient(to right, white, white),
1038+
linear-gradient(to right, white, white),
1039+
linear-gradient(to right, rgba(165, 165, 165, 0.25), rgba(255, 255, 255, 0)),
1040+
linear-gradient(to left, rgba(165, 165, 165, 0.25), rgba(255, 255, 255, 0));
1041+
background-position: left center, right center, left center, right center;
1042+
background-repeat: no-repeat;
1043+
background-size: 12px 100%, 12px 100%, 10px 100%, 10px 100%;
1044+
background-attachment: local, local, scroll, scroll;
10371045
}
10381046

10391047
.highlight-v2.single-line {
10401048
display: flex;
10411049
align-items: center;
1042-
padding: 0 1rem 0 0;
10431050
border: 1px solid #cccccc;
10441051
overflow-x: scroll;
10451052
width: calc(100% + var(--overflow-gutter-extension));
@@ -1094,9 +1101,11 @@ figure {
10941101
margin: 0;
10951102
}
10961103

1104+
img,
10971105
.figure-bitmap {
10981106
margin-bottom: 0.625rem;
10991107
display: inline-block;
1108+
width: 100%;
11001109
max-width: 100%;
11011110
}
11021111

0 commit comments

Comments
 (0)