rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: css variable fallback

Browse Source
This commit is contained in:
Aman Harwara
2022-10-12 20:58:02 +05:30
parent a2dc739686
commit 075d7f444d
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/stylesheets/_main.scss
View File

@@ -163,7 +163,7 @@ $footer-height: 2rem;
width: 100%; width: 100%;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
height: calc(var(--viewport-height) - #{$footer-height}); height: calc(var(--viewport-height, 100vh) - #{$footer-height});
} }
.section { .section {

6
packages/web/tailwind.config.js
View File

@@ -47,16 +47,16 @@ module.exports = {
125: '31.25rem', 125: '31.25rem',
}, },
height: { height: {
screen: 'var(--viewport-height)', screen: 'var(--viewport-height, 100vh)',
}, },
minHeight: { minHeight: {
1: '0.25rem', 1: '0.25rem',
2: '0.5rem', 2: '0.5rem',
screen: 'var(--viewport-height)', screen: 'var(--viewport-height, 100vh)',
}, },
maxHeight: { maxHeight: {
110: '27.5rem', 110: '27.5rem',
screen: 'var(--viewport-height)', screen: 'var(--viewport-height, 100vh)',
}, },
zIndex: { zIndex: {
'editor-content': 'var(--z-index-editor-content)', 'editor-content': 'var(--z-index-editor-content)',