beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add fallback if flex is not supported

Browse source
This commit is contained in:
westtle 2024-02-13 18:48:38 +07:00
parent e0503aa037
commit 89d35dde8c
2 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/styles/global.css
View file

@ -115,9 +115,11 @@ ul { list-style: none; }
/* Utility and Helper */ /* Utility and Helper */
.-flex { display: flex; } @supports (display: flex) {
.-flex-column { flex-direction: column; } .-flex { display: flex; }
.-flex-grow { flex-grow: 1; } .-flex-column { flex-direction: column; }
.-flex-grow { flex-grow: 1; }
}
.--sr-only { .--sr-only {
border: none; border: none;

7
assets/styles/simple-note.css
View file

@ -1,7 +1,6 @@
body { body {
color: hsla(var(--color-1)); color: hsla(var(--color-1));
background-color: hsl(var(--color-2)); background-color: hsl(var(--color-2));
min-height: 21.875rem;
} }
.simple-note { .simple-note {
@ -25,9 +24,15 @@ body {
} }
.simple-note__input--body { .simple-note__input--body {
height: 80vh;
min-height: 20.3125rem;
font-family: var(--font-1); font-family: var(--font-1);
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
resize: none; resize: none;
}
@supports (display: flex) {
.simple-note__input--body { height: auto; }
} }