Skip to content

Commit 2d92d04

Browse files
committed
Update hll style for small screens
1 parent 3e80ba3 commit 2d92d04

File tree

1 file changed

+10
-12
lines changed

1 file changed

+10
-12
lines changed

app/javascript/css/components/code.scss

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -15,18 +15,16 @@
1515
}
1616
}
1717

18-
@media screen and (min-width: $screen-md) {
19-
.article-content {
20-
& > .code-wrapper {
21-
margin-inline-start: calc(var(--space-m) * -1);
22-
margin-inline-end: calc(var(--space-m) * -1);
23-
}
24-
& .hll {
25-
margin-inline-start: calc(var(--space-m) * -1);
26-
margin-inline-end: calc(var(--space-m) * -1);
27-
padding-inline-start: var(--space-m);
28-
padding-inline-end: var(--space-m);
29-
}
18+
.article-content {
19+
& > .code-wrapper {
20+
margin-inline-start: calc(var(--space-m) * -1);
21+
margin-inline-end: calc(var(--space-m) * -1);
22+
}
23+
& .hll {
24+
margin-inline-start: calc(var(--space-m) * -1);
25+
margin-inline-end: calc(var(--space-m) * -1);
26+
padding-inline-start: var(--space-m);
27+
padding-inline-end: var(--space-m);
3028
}
3129
}
3230

0 commit comments

Comments
 (0)