Skip to content
This repository was archived by the owner on Dec 18, 2024. It is now read-only.

Commit bd8e2a8

Browse files
willshowelljelbourn
authored andcommitted
style(guide-list): remove margin on small screens (#311)
- This allows the nav-list to reach full width of container - This increases the wide-screen margin to better match other constants in the app
1 parent 605d4f3 commit bd8e2a8

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/app/pages/guide-list/guide-list.scss

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,18 @@
1+
@import '../../../styles/constants';
2+
13
:host {
24
display: flex;
35
flex-direction: column;
46
flex-grow: 1;
57
}
68

79
.docs-guide-list {
8-
margin: 50px;
910
flex-grow: 1;
11+
margin: $content-padding-side;
12+
13+
@media (max-width: $small-breakpoint-width) {
14+
margin: 0;
15+
}
1016
}
1117

1218
.docs-guide-item, .docs-guide-item:hover {

0 commit comments

Comments
 (0)