Pinned Loading
-
-
-
-
Fix for 100vh not taking into consid...
Fix for 100vh not taking into consideration the bars on mobile browsers 1index.tsx:
2```
3if(typeof window !== "undefined") {
4document.documentElement.style.setProperty('--vh', `${window.innerHeight/100}px`);
5}
-
setup for REM as the main size unit
setup for REM as the main size unit 1variables.scss:
2```
3$bp-desktop-sm: 75em; // 1200px
4$bp-tablet-land: 62.5em; // 1000px
5$bp-tablet: 48em; // 768px
-
Beautiful blur/non blur pattern
Beautiful blur/non blur pattern 1backdrop-filter: brightness(90%) blur(20px);
2-webkit-backdrop-filter: brightness(90%) blur(20px);
3-moz-backdrop-filter: brightness(90%) blur(20px);
4mask-image: repeating-radial-gradient( circle at 50% 50% center, var(--background), var(--background) 20px, rgba(255, 255, 255, 0.3) 20.5px, rgba(255, 255, 255, 0.3) 21px );
5-webkit-mask-image: repeating-radial-gradient( circle at 50% 50%, var(--background), var(--background) 20px, rgba(255, 255, 255, 0.3) 20.5px, rgba(255, 255, 255, 0.3) 21px );
Something went wrong, please refresh the page to try again.
If the problem persists, check the GitHub status page or contact support.
If the problem persists, check the GitHub status page or contact support.