Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-08 07:56:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Offset anchor links while taking the fixed header into consideration

Browse Source
This commit is contained in:
TwinProduction
2021-08-25 18:03:54 -04:00
parent cc12aeb58f
commit 9cc98c21ee
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Container/styles.tsx
+10 -1
View File
@@ -4,10 +4,19 @@ export const ContainerWrapper = styled.div`
--padding: 64px; --padding: 64px;
width: 650px; width: 650px;
max-width: calc(100% - var(--padding) * 2); max-width: calc(100% - var(--padding) * 2);
padding: 0px var(--padding); padding: 0 var(--padding);
margin: 0 auto; margin: 0 auto;
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
--padding: 32px; --padding: 32px;
} }
// Offsets anchor links while taking the fixed header into consideration
[id]::before {
content: '';
display: block;
height: 80px;
margin-top: -80px;
visibility: hidden;
}
` `