honeymoose/angular-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(docs-infra): fix top margin of "Press kit" page on small screens (#40881)

Browse Source 
Previously, the "Press kit" page had a larger top margin on smaller
screens, that seemed unnecessary.

This commit removes the extra top margin.

Before: ![presskit top section margin before][1]
After: ![presskit top section margin after][2]

[1]: https://user-images.githubusercontent.com/8604205/107988545-efb27080-6fd8-11eb-91d6-79651f2dffaf.png
[2]: https://user-images.githubusercontent.com/8604205/107988547-f04b0700-6fd8-11eb-9c4b-d444b39a34fe.png

PR Close #40881
This commit is contained in:
George Kalpakas 2021-02-18 18:42:50 +02:00 committed by atscott
parent c704162800
commit 717590a732
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
aio/src/styles/2-modules/_presskit.scss
View File

@ -18,6 +18,10 @@
margin: 48px 0; margin: 48px 0;
width: 100%; width: 100%;
&:first-child {
margin-top: 0;
}
.presskit-inner { .presskit-inner {
display: flex; display: flex;
align-items: center; align-items: center;
@ -71,13 +75,5 @@
margin-bottom: 8px * 2; margin-bottom: 8px * 2;
} }
} }
&:first-child {
margin-top: 0;
@media(max-width: 599px) {
margin-top: 48px;
}
}
} }
} }