ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

docs: improve mobile spacings

Browse Source
This commit is contained in:
Philipp Kühn
2021-04-18 23:03:14 +02:00
parent 20f6480694
commit d1e2ee6f33
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/src/components/AppSection/style.scss
View File

@@ -4,7 +4,7 @@
&__inner { &__inner {
position: relative; position: relative;
z-index: 2; z-index: 2;
padding: 5rem 1rem; padding: 5rem 1.5rem;
margin: 0 auto; margin: 0 auto;
max-width: 50rem; max-width: 50rem;

2
docs/src/components/PageFooter/style.scss
View File

@@ -4,7 +4,7 @@
background: $colorBlack; background: $colorBlack;
color: $colorWhite; color: $colorWhite;
flex-direction: column; flex-direction: column;
padding: 3rem 1rem; padding: 3rem 1.5rem;
font-size: 0.85rem; font-size: 0.85rem;
overflow: hidden; overflow: hidden;

2
docs/src/layouts/App/base.scss
View File

@@ -163,7 +163,7 @@ code {
} }
&.is-large { &.is-large {
font-size: 3rem; font-size: 2.5rem;
@media (min-width: 600px) { @media (min-width: 600px) {
font-size: 3.75rem; font-size: 3.75rem;

4
docs/src/layouts/App/style.scss
View File

@@ -33,7 +33,7 @@ $menuBreakPoint: 800px;
align-items: center; align-items: center;
flex: 0 0 auto; flex: 0 0 auto;
height: $navHeight; height: $navHeight;
padding: 0 1rem; padding: 0 1.5rem;
@media (min-width: $mobileBreakPoint) { @media (min-width: $mobileBreakPoint) {
padding: 0 2rem; padding: 0 2rem;
@@ -312,7 +312,7 @@ $menuBreakPoint: 800px;
} }
&__mobile-menu { &__mobile-menu {
padding: 1rem 0 1rem 1rem; padding: 1rem 0 1rem 1.5rem;
flex: 1 1 auto; flex: 1 1 auto;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;