fix placeholder text
This commit is contained in:
parent
c2db9be6e8
commit
96a7b8aa83
|
@ -3,9 +3,7 @@
|
||||||
--Hsl: 207;
|
--Hsl: 207;
|
||||||
--hSl: 50%;
|
--hSl: 50%;
|
||||||
--hsL: 50%;
|
--hsL: 50%;
|
||||||
|
|
||||||
--theme: hsl(var(--Hsl), var(--hSl), var(--hsL));
|
--theme: hsl(var(--Hsl), var(--hSl), var(--hsL));
|
||||||
|
|
||||||
--font: Arial, Helvetica, san-serif;
|
--font: Arial, Helvetica, san-serif;
|
||||||
--line: 1.5;
|
--line: 1.5;
|
||||||
--weight: 400;
|
--weight: 400;
|
||||||
|
@ -18,6 +16,7 @@
|
||||||
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
||||||
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
||||||
--gray: hsl(var(--Hsl), 15%, 75%);
|
--gray: hsl(var(--Hsl), 15%, 75%);
|
||||||
|
--hint: hsl(var(--Hsl), 35%, 70%);
|
||||||
--bg: hsl(var(--Hsl), 0%, 95%);
|
--bg: hsl(var(--Hsl), 0%, 95%);
|
||||||
--fg: hsl(var(--Hsl), 0%, 5%);
|
--fg: hsl(var(--Hsl), 0%, 5%);
|
||||||
}
|
}
|
||||||
|
@ -26,6 +25,7 @@
|
||||||
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
||||||
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
||||||
--gray: hsl(var(--Hsl), 15%, 15%);
|
--gray: hsl(var(--Hsl), 15%, 15%);
|
||||||
|
--hint: hsl(var(--Hsl), 35%, 30%);
|
||||||
--bg: hsl(var(--Hsl), 50%, 5%);
|
--bg: hsl(var(--Hsl), 50%, 5%);
|
||||||
--fg: hsl(var(--Hsl), 20%, 90%);
|
--fg: hsl(var(--Hsl), 20%, 90%);
|
||||||
}
|
}
|
||||||
|
@ -45,6 +45,14 @@ html,body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::placeholder {
|
||||||
|
color: var(--hint);
|
||||||
|
}
|
||||||
|
|
||||||
|
:disabled::placeholder {
|
||||||
|
color: hsl(0, 0%, 50%);
|
||||||
|
}
|
||||||
|
|
||||||
img,embed,iframe,object,audio,video {
|
img,embed,iframe,object,audio,video {
|
||||||
height: auto;
|
height: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
Loading…
Reference in New Issue