primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-04 14:59:16 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1062 from primer/responsive-tabnav

Browse Source 
Make tabnav responsive
This commit is contained in:
simurai 2020-08-03 09:28:43 +09:00 committed by GitHub
commit c373293ecf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/navigation/tabnav.scss
View File

@ -7,12 +7,15 @@
} }
.tabnav-tabs { .tabnav-tabs {
display: flex;
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
margin-bottom: -1px; margin-bottom: -1px;
overflow: auto;
} }
.tabnav-tab { .tabnav-tab {
display: inline-block; display: inline-block;
flex-shrink: 0;
padding: $spacer-2 $spacer-3; padding: $spacer-2 $spacer-3;
font-size: $h5-size; font-size: $h5-size;
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography