Skip to content

Commit b730053

Browse files
jesseabordenJesse Borden
andauthored
fix(code-box): make code box tabs scroll on mobile. (#1022)
Co-authored-by: Jesse Borden <jborden@apple.com>
1 parent dee56d3 commit b730053

File tree

1 file changed

+17
-13
lines changed

1 file changed

+17
-13
lines changed

assets/stylesheets/new-stylesheets/pages/_get-started.scss

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -438,6 +438,18 @@
438438

439439
&.code-box-with-tabs {
440440
overflow: hidden;
441+
442+
h2 {
443+
font-size: 22px;
444+
line-height: 1.2;
445+
margin-bottom: 5px;
446+
447+
@media only screen and (max-width: 768px) {
448+
font-size: 32px;
449+
line-height: 1.33;
450+
}
451+
}
452+
441453
pre {
442454
display: none;
443455

@@ -470,6 +482,11 @@
470482
margin-bottom: -1px;
471483
}
472484
}
485+
486+
@media only screen and (max-width: 768px) {
487+
overflow: scroll;
488+
padding-bottom: 1px;
489+
}
473490
}
474491

475492
.link-wrapper {
@@ -492,19 +509,6 @@
492509
display: flex;
493510
}
494511

495-
&.code-box-with-tabs {
496-
h2 {
497-
font-size: 22px;
498-
line-height: 1.2;
499-
margin-bottom: 5px;
500-
501-
@media only screen and (max-width: 768px) {
502-
font-size: 32px;
503-
line-height: 1.33;
504-
}
505-
}
506-
}
507-
508512
h2 {
509513
font-size: 48px;
510514
margin-bottom: 27px;

0 commit comments

Comments
 (0)