steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2025-03-11 11:07:51 +00:00
Code Activity

🔧 Enforce placeholder color on all browsers

Browse source
This commit is contained in:
Steffo 2021-07-23 03:01:04 +02:00
parent 8c7142972c
commit b40f0bad53
Signed by: steffo
GPG key ID: 6965406171929D01
9 changed files with 503 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/rules/skeleton.less vendored
View file

@ -272,6 +272,11 @@
color: @bA;
background-color: @b0;
&::placeholder {
color: @b4;
opacity: 1;
}
&:optional::placeholder {
font-style: italic;
}
@ -284,6 +289,10 @@
border-color: @b6;
color: @bF;
background-color: @b1;
&::placeholder {
color: @b7;
}
}
&@{status-disabled} {
@ -293,6 +302,10 @@
border-color: @b3;
color: @bA;
background-color: @b0;
&::placeholder {
color: @b4;
}
}
}
}

12
src/targets/paper.module.css
View file

@ -339,6 +339,10 @@
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.bluelib .input-field::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
opacity: 1;
}
.bluelib .input-field:optional::placeholder {
font-style: italic;
}
@ -353,6 +357,10 @@
color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.bluelib .input-field:hover::placeholder,
.bluelib .input-field:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.7);
}
.bluelib .input-field.status-disabled {
border-style: dashed;
}
@ -362,6 +370,10 @@
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.bluelib .input-field.status-disabled:hover::placeholder,
.bluelib .input-field.status-disabled:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
}
.bluelib .spoiler {
filter: blur(5px);
}

2
src/targets/paper.module.css.map
View file

File diff suppressed because one or more lines are too long

231
src/targets/paper.root.css
View file

@ -1076,6 +1076,41 @@ body input[type="week"] {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.base-skeleton .input-field::placeholder,
body .input-field::placeholder,
.base-skeleton input[type="color"]::placeholder,
body input[type="color"]::placeholder,
.base-skeleton input[type="date"]::placeholder,
body input[type="date"]::placeholder,
.base-skeleton input[type="datetime-local"]::placeholder,
body input[type="datetime-local"]::placeholder,
.base-skeleton input[type="email"]::placeholder,
body input[type="email"]::placeholder,
.base-skeleton input[type="file"]::placeholder,
body input[type="file"]::placeholder,
.base-skeleton input[type="image"]::placeholder,
body input[type="image"]::placeholder,
.base-skeleton input[type="month"]::placeholder,
body input[type="month"]::placeholder,
.base-skeleton input[type="number"]::placeholder,
body input[type="number"]::placeholder,
.base-skeleton input[type="password"]::placeholder,
body input[type="password"]::placeholder,
.base-skeleton input[type="search"]::placeholder,
body input[type="search"]::placeholder,
.base-skeleton input[type="tel"]::placeholder,
body input[type="tel"]::placeholder,
.base-skeleton input[type="text"]::placeholder,
body input[type="text"]::placeholder,
.base-skeleton input[type="time"]::placeholder,
body input[type="time"]::placeholder,
.base-skeleton input[type="url"]::placeholder,
body input[type="url"]::placeholder,
.base-skeleton input[type="week"]::placeholder,
body input[type="week"]::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
opacity: 1;
}
.base-skeleton .input-field:optional::placeholder,
body .input-field:optional::placeholder,
.base-skeleton input[type="color"]:optional::placeholder,
@ -1214,6 +1249,72 @@ body input[type="week"]:focus {
color: rgba(calc(var(--bluelib-color-r) - 50), calc(var(--bluelib-color-g) - 50), calc(var(--bluelib-color-b) - 50), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.base-skeleton .input-field:hover::placeholder,
body .input-field:hover::placeholder,
.base-skeleton input[type="color"]:hover::placeholder,
body input[type="color"]:hover::placeholder,
.base-skeleton input[type="date"]:hover::placeholder,
body input[type="date"]:hover::placeholder,
.base-skeleton input[type="datetime-local"]:hover::placeholder,
body input[type="datetime-local"]:hover::placeholder,
.base-skeleton input[type="email"]:hover::placeholder,
body input[type="email"]:hover::placeholder,
.base-skeleton input[type="file"]:hover::placeholder,
body input[type="file"]:hover::placeholder,
.base-skeleton input[type="image"]:hover::placeholder,
body input[type="image"]:hover::placeholder,
.base-skeleton input[type="month"]:hover::placeholder,
body input[type="month"]:hover::placeholder,
.base-skeleton input[type="number"]:hover::placeholder,
body input[type="number"]:hover::placeholder,
.base-skeleton input[type="password"]:hover::placeholder,
body input[type="password"]:hover::placeholder,
.base-skeleton input[type="search"]:hover::placeholder,
body input[type="search"]:hover::placeholder,
.base-skeleton input[type="tel"]:hover::placeholder,
body input[type="tel"]:hover::placeholder,
.base-skeleton input[type="text"]:hover::placeholder,
body input[type="text"]:hover::placeholder,
.base-skeleton input[type="time"]:hover::placeholder,
body input[type="time"]:hover::placeholder,
.base-skeleton input[type="url"]:hover::placeholder,
body input[type="url"]:hover::placeholder,
.base-skeleton input[type="week"]:hover::placeholder,
body input[type="week"]:hover::placeholder,
.base-skeleton .input-field:focus::placeholder,
body .input-field:focus::placeholder,
.base-skeleton input[type="color"]:focus::placeholder,
body input[type="color"]:focus::placeholder,
.base-skeleton input[type="date"]:focus::placeholder,
body input[type="date"]:focus::placeholder,
.base-skeleton input[type="datetime-local"]:focus::placeholder,
body input[type="datetime-local"]:focus::placeholder,
.base-skeleton input[type="email"]:focus::placeholder,
body input[type="email"]:focus::placeholder,
.base-skeleton input[type="file"]:focus::placeholder,
body input[type="file"]:focus::placeholder,
.base-skeleton input[type="image"]:focus::placeholder,
body input[type="image"]:focus::placeholder,
.base-skeleton input[type="month"]:focus::placeholder,
body input[type="month"]:focus::placeholder,
.base-skeleton input[type="number"]:focus::placeholder,
body input[type="number"]:focus::placeholder,
.base-skeleton input[type="password"]:focus::placeholder,
body input[type="password"]:focus::placeholder,
.base-skeleton input[type="search"]:focus::placeholder,
body input[type="search"]:focus::placeholder,
.base-skeleton input[type="tel"]:focus::placeholder,
body input[type="tel"]:focus::placeholder,
.base-skeleton input[type="text"]:focus::placeholder,
body input[type="text"]:focus::placeholder,
.base-skeleton input[type="time"]:focus::placeholder,
body input[type="time"]:focus::placeholder,
.base-skeleton input[type="url"]:focus::placeholder,
body input[type="url"]:focus::placeholder,
.base-skeleton input[type="week"]:focus::placeholder,
body input[type="week"]:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.7);
}
.base-skeleton .input-field[disabled],
body .input-field[disabled],
.base-skeleton input[type="color"][disabled],
@ -1412,6 +1513,136 @@ body input[type="week"] .status-disabled:focus {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.base-skeleton .input-field[disabled]:hover::placeholder,
body .input-field[disabled]:hover::placeholder,
.base-skeleton input[type="color"][disabled]:hover::placeholder,
body input[type="color"][disabled]:hover::placeholder,
.base-skeleton input[type="date"][disabled]:hover::placeholder,
body input[type="date"][disabled]:hover::placeholder,
.base-skeleton input[type="datetime-local"][disabled]:hover::placeholder,
body input[type="datetime-local"][disabled]:hover::placeholder,
.base-skeleton input[type="email"][disabled]:hover::placeholder,
body input[type="email"][disabled]:hover::placeholder,
.base-skeleton input[type="file"][disabled]:hover::placeholder,
body input[type="file"][disabled]:hover::placeholder,
.base-skeleton input[type="image"][disabled]:hover::placeholder,
body input[type="image"][disabled]:hover::placeholder,
.base-skeleton input[type="month"][disabled]:hover::placeholder,
body input[type="month"][disabled]:hover::placeholder,
.base-skeleton input[type="number"][disabled]:hover::placeholder,
body input[type="number"][disabled]:hover::placeholder,
.base-skeleton input[type="password"][disabled]:hover::placeholder,
body input[type="password"][disabled]:hover::placeholder,
.base-skeleton input[type="search"][disabled]:hover::placeholder,
body input[type="search"][disabled]:hover::placeholder,
.base-skeleton input[type="tel"][disabled]:hover::placeholder,
body input[type="tel"][disabled]:hover::placeholder,
.base-skeleton input[type="text"][disabled]:hover::placeholder,
body input[type="text"][disabled]:hover::placeholder,
.base-skeleton input[type="time"][disabled]:hover::placeholder,
body input[type="time"][disabled]:hover::placeholder,
.base-skeleton input[type="url"][disabled]:hover::placeholder,
body input[type="url"][disabled]:hover::placeholder,
.base-skeleton input[type="week"][disabled]:hover::placeholder,
body input[type="week"][disabled]:hover::placeholder,
.base-skeleton .input-field .status-disabled:hover::placeholder,
body .input-field .status-disabled:hover::placeholder,
.base-skeleton input[type="color"] .status-disabled:hover::placeholder,
body input[type="color"] .status-disabled:hover::placeholder,
.base-skeleton input[type="date"] .status-disabled:hover::placeholder,
body input[type="date"] .status-disabled:hover::placeholder,
.base-skeleton input[type="datetime-local"] .status-disabled:hover::placeholder,
body input[type="datetime-local"] .status-disabled:hover::placeholder,
.base-skeleton input[type="email"] .status-disabled:hover::placeholder,
body input[type="email"] .status-disabled:hover::placeholder,
.base-skeleton input[type="file"] .status-disabled:hover::placeholder,
body input[type="file"] .status-disabled:hover::placeholder,
.base-skeleton input[type="image"] .status-disabled:hover::placeholder,
body input[type="image"] .status-disabled:hover::placeholder,
.base-skeleton input[type="month"] .status-disabled:hover::placeholder,
body input[type="month"] .status-disabled:hover::placeholder,
.base-skeleton input[type="number"] .status-disabled:hover::placeholder,
body input[type="number"] .status-disabled:hover::placeholder,
.base-skeleton input[type="password"] .status-disabled:hover::placeholder,
body input[type="password"] .status-disabled:hover::placeholder,
.base-skeleton input[type="search"] .status-disabled:hover::placeholder,
body input[type="search"] .status-disabled:hover::placeholder,
.base-skeleton input[type="tel"] .status-disabled:hover::placeholder,
body input[type="tel"] .status-disabled:hover::placeholder,
.base-skeleton input[type="text"] .status-disabled:hover::placeholder,
body input[type="text"] .status-disabled:hover::placeholder,
.base-skeleton input[type="time"] .status-disabled:hover::placeholder,
body input[type="time"] .status-disabled:hover::placeholder,
.base-skeleton input[type="url"] .status-disabled:hover::placeholder,
body input[type="url"] .status-disabled:hover::placeholder,
.base-skeleton input[type="week"] .status-disabled:hover::placeholder,
body input[type="week"] .status-disabled:hover::placeholder,
.base-skeleton .input-field[disabled]:focus::placeholder,
body .input-field[disabled]:focus::placeholder,
.base-skeleton input[type="color"][disabled]:focus::placeholder,
body input[type="color"][disabled]:focus::placeholder,
.base-skeleton input[type="date"][disabled]:focus::placeholder,
body input[type="date"][disabled]:focus::placeholder,
.base-skeleton input[type="datetime-local"][disabled]:focus::placeholder,
body input[type="datetime-local"][disabled]:focus::placeholder,
.base-skeleton input[type="email"][disabled]:focus::placeholder,
body input[type="email"][disabled]:focus::placeholder,
.base-skeleton input[type="file"][disabled]:focus::placeholder,
body input[type="file"][disabled]:focus::placeholder,
.base-skeleton input[type="image"][disabled]:focus::placeholder,
body input[type="image"][disabled]:focus::placeholder,
.base-skeleton input[type="month"][disabled]:focus::placeholder,
body input[type="month"][disabled]:focus::placeholder,
.base-skeleton input[type="number"][disabled]:focus::placeholder,
body input[type="number"][disabled]:focus::placeholder,
.base-skeleton input[type="password"][disabled]:focus::placeholder,
body input[type="password"][disabled]:focus::placeholder,
.base-skeleton input[type="search"][disabled]:focus::placeholder,
body input[type="search"][disabled]:focus::placeholder,
.base-skeleton input[type="tel"][disabled]:focus::placeholder,
body input[type="tel"][disabled]:focus::placeholder,
.base-skeleton input[type="text"][disabled]:focus::placeholder,
body input[type="text"][disabled]:focus::placeholder,
.base-skeleton input[type="time"][disabled]:focus::placeholder,
body input[type="time"][disabled]:focus::placeholder,
.base-skeleton input[type="url"][disabled]:focus::placeholder,
body input[type="url"][disabled]:focus::placeholder,
.base-skeleton input[type="week"][disabled]:focus::placeholder,
body input[type="week"][disabled]:focus::placeholder,
.base-skeleton .input-field .status-disabled:focus::placeholder,
body .input-field .status-disabled:focus::placeholder,
.base-skeleton input[type="color"] .status-disabled:focus::placeholder,
body input[type="color"] .status-disabled:focus::placeholder,
.base-skeleton input[type="date"] .status-disabled:focus::placeholder,
body input[type="date"] .status-disabled:focus::placeholder,
.base-skeleton input[type="datetime-local"] .status-disabled:focus::placeholder,
body input[type="datetime-local"] .status-disabled:focus::placeholder,
.base-skeleton input[type="email"] .status-disabled:focus::placeholder,
body input[type="email"] .status-disabled:focus::placeholder,
.base-skeleton input[type="file"] .status-disabled:focus::placeholder,
body input[type="file"] .status-disabled:focus::placeholder,
.base-skeleton input[type="image"] .status-disabled:focus::placeholder,
body input[type="image"] .status-disabled:focus::placeholder,
.base-skeleton input[type="month"] .status-disabled:focus::placeholder,
body input[type="month"] .status-disabled:focus::placeholder,
.base-skeleton input[type="number"] .status-disabled:focus::placeholder,
body input[type="number"] .status-disabled:focus::placeholder,
.base-skeleton input[type="password"] .status-disabled:focus::placeholder,
body input[type="password"] .status-disabled:focus::placeholder,
.base-skeleton input[type="search"] .status-disabled:focus::placeholder,
body input[type="search"] .status-disabled:focus::placeholder,
.base-skeleton input[type="tel"] .status-disabled:focus::placeholder,
body input[type="tel"] .status-disabled:focus::placeholder,
.base-skeleton input[type="text"] .status-disabled:focus::placeholder,
body input[type="text"] .status-disabled:focus::placeholder,
.base-skeleton input[type="time"] .status-disabled:focus::placeholder,
body input[type="time"] .status-disabled:focus::placeholder,
.base-skeleton input[type="url"] .status-disabled:focus::placeholder,
body input[type="url"] .status-disabled:focus::placeholder,
.base-skeleton input[type="week"] .status-disabled:focus::placeholder,
body input[type="week"] .status-disabled:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
}
.base-skeleton .spoiler,
body .spoiler {
filter: blur(5px);

2
src/targets/paper.root.css.map
View file

File diff suppressed because one or more lines are too long

12
src/targets/royalblue.module.css
View file

@ -339,6 +339,10 @@
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.bluelib .input-field::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
opacity: 1;
}
.bluelib .input-field:optional::placeholder {
font-style: italic;
}
@ -353,6 +357,10 @@
color: rgba(calc(var(--bluelib-color-r) + 50), calc(var(--bluelib-color-g) + 50), calc(var(--bluelib-color-b) + 50), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.bluelib .input-field:hover::placeholder,
.bluelib .input-field:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.7);
}
.bluelib .input-field.status-disabled {
border-style: dashed;
}
@ -362,6 +370,10 @@
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.bluelib .input-field.status-disabled:hover::placeholder,
.bluelib .input-field.status-disabled:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
}
.bluelib .spoiler {
filter: blur(5px);
}

2
src/targets/royalblue.module.css.map
View file

File diff suppressed because one or more lines are too long

231
src/targets/royalblue.root.css
View file

@ -1076,6 +1076,41 @@ body input[type="week"] {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.base-skeleton .input-field::placeholder,
body .input-field::placeholder,
.base-skeleton input[type="color"]::placeholder,
body input[type="color"]::placeholder,
.base-skeleton input[type="date"]::placeholder,
body input[type="date"]::placeholder,
.base-skeleton input[type="datetime-local"]::placeholder,
body input[type="datetime-local"]::placeholder,
.base-skeleton input[type="email"]::placeholder,
body input[type="email"]::placeholder,
.base-skeleton input[type="file"]::placeholder,
body input[type="file"]::placeholder,
.base-skeleton input[type="image"]::placeholder,
body input[type="image"]::placeholder,
.base-skeleton input[type="month"]::placeholder,
body input[type="month"]::placeholder,
.base-skeleton input[type="number"]::placeholder,
body input[type="number"]::placeholder,
.base-skeleton input[type="password"]::placeholder,
body input[type="password"]::placeholder,
.base-skeleton input[type="search"]::placeholder,
body input[type="search"]::placeholder,
.base-skeleton input[type="tel"]::placeholder,
body input[type="tel"]::placeholder,
.base-skeleton input[type="text"]::placeholder,
body input[type="text"]::placeholder,
.base-skeleton input[type="time"]::placeholder,
body input[type="time"]::placeholder,
.base-skeleton input[type="url"]::placeholder,
body input[type="url"]::placeholder,
.base-skeleton input[type="week"]::placeholder,
body input[type="week"]::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
opacity: 1;
}
.base-skeleton .input-field:optional::placeholder,
body .input-field:optional::placeholder,
.base-skeleton input[type="color"]:optional::placeholder,
@ -1214,6 +1249,72 @@ body input[type="week"]:focus {
color: rgba(calc(var(--bluelib-color-r) + 50), calc(var(--bluelib-color-g) + 50), calc(var(--bluelib-color-b) + 50), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.1);
}
.base-skeleton .input-field:hover::placeholder,
body .input-field:hover::placeholder,
.base-skeleton input[type="color"]:hover::placeholder,
body input[type="color"]:hover::placeholder,
.base-skeleton input[type="date"]:hover::placeholder,
body input[type="date"]:hover::placeholder,
.base-skeleton input[type="datetime-local"]:hover::placeholder,
body input[type="datetime-local"]:hover::placeholder,
.base-skeleton input[type="email"]:hover::placeholder,
body input[type="email"]:hover::placeholder,
.base-skeleton input[type="file"]:hover::placeholder,
body input[type="file"]:hover::placeholder,
.base-skeleton input[type="image"]:hover::placeholder,
body input[type="image"]:hover::placeholder,
.base-skeleton input[type="month"]:hover::placeholder,
body input[type="month"]:hover::placeholder,
.base-skeleton input[type="number"]:hover::placeholder,
body input[type="number"]:hover::placeholder,
.base-skeleton input[type="password"]:hover::placeholder,
body input[type="password"]:hover::placeholder,
.base-skeleton input[type="search"]:hover::placeholder,
body input[type="search"]:hover::placeholder,
.base-skeleton input[type="tel"]:hover::placeholder,
body input[type="tel"]:hover::placeholder,
.base-skeleton input[type="text"]:hover::placeholder,
body input[type="text"]:hover::placeholder,
.base-skeleton input[type="time"]:hover::placeholder,
body input[type="time"]:hover::placeholder,
.base-skeleton input[type="url"]:hover::placeholder,
body input[type="url"]:hover::placeholder,
.base-skeleton input[type="week"]:hover::placeholder,
body input[type="week"]:hover::placeholder,
.base-skeleton .input-field:focus::placeholder,
body .input-field:focus::placeholder,
.base-skeleton input[type="color"]:focus::placeholder,
body input[type="color"]:focus::placeholder,
.base-skeleton input[type="date"]:focus::placeholder,
body input[type="date"]:focus::placeholder,
.base-skeleton input[type="datetime-local"]:focus::placeholder,
body input[type="datetime-local"]:focus::placeholder,
.base-skeleton input[type="email"]:focus::placeholder,
body input[type="email"]:focus::placeholder,
.base-skeleton input[type="file"]:focus::placeholder,
body input[type="file"]:focus::placeholder,
.base-skeleton input[type="image"]:focus::placeholder,
body input[type="image"]:focus::placeholder,
.base-skeleton input[type="month"]:focus::placeholder,
body input[type="month"]:focus::placeholder,
.base-skeleton input[type="number"]:focus::placeholder,
body input[type="number"]:focus::placeholder,
.base-skeleton input[type="password"]:focus::placeholder,
body input[type="password"]:focus::placeholder,
.base-skeleton input[type="search"]:focus::placeholder,
body input[type="search"]:focus::placeholder,
.base-skeleton input[type="tel"]:focus::placeholder,
body input[type="tel"]:focus::placeholder,
.base-skeleton input[type="text"]:focus::placeholder,
body input[type="text"]:focus::placeholder,
.base-skeleton input[type="time"]:focus::placeholder,
body input[type="time"]:focus::placeholder,
.base-skeleton input[type="url"]:focus::placeholder,
body input[type="url"]:focus::placeholder,
.base-skeleton input[type="week"]:focus::placeholder,
body input[type="week"]:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.7);
}
.base-skeleton .input-field[disabled],
body .input-field[disabled],
.base-skeleton input[type="color"][disabled],
@ -1412,6 +1513,136 @@ body input[type="week"] .status-disabled:focus {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 1);
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.025);
}
.base-skeleton .input-field[disabled]:hover::placeholder,
body .input-field[disabled]:hover::placeholder,
.base-skeleton input[type="color"][disabled]:hover::placeholder,
body input[type="color"][disabled]:hover::placeholder,
.base-skeleton input[type="date"][disabled]:hover::placeholder,
body input[type="date"][disabled]:hover::placeholder,
.base-skeleton input[type="datetime-local"][disabled]:hover::placeholder,
body input[type="datetime-local"][disabled]:hover::placeholder,
.base-skeleton input[type="email"][disabled]:hover::placeholder,
body input[type="email"][disabled]:hover::placeholder,
.base-skeleton input[type="file"][disabled]:hover::placeholder,
body input[type="file"][disabled]:hover::placeholder,
.base-skeleton input[type="image"][disabled]:hover::placeholder,
body input[type="image"][disabled]:hover::placeholder,
.base-skeleton input[type="month"][disabled]:hover::placeholder,
body input[type="month"][disabled]:hover::placeholder,
.base-skeleton input[type="number"][disabled]:hover::placeholder,
body input[type="number"][disabled]:hover::placeholder,
.base-skeleton input[type="password"][disabled]:hover::placeholder,
body input[type="password"][disabled]:hover::placeholder,
.base-skeleton input[type="search"][disabled]:hover::placeholder,
body input[type="search"][disabled]:hover::placeholder,
.base-skeleton input[type="tel"][disabled]:hover::placeholder,
body input[type="tel"][disabled]:hover::placeholder,
.base-skeleton input[type="text"][disabled]:hover::placeholder,
body input[type="text"][disabled]:hover::placeholder,
.base-skeleton input[type="time"][disabled]:hover::placeholder,
body input[type="time"][disabled]:hover::placeholder,
.base-skeleton input[type="url"][disabled]:hover::placeholder,
body input[type="url"][disabled]:hover::placeholder,
.base-skeleton input[type="week"][disabled]:hover::placeholder,
body input[type="week"][disabled]:hover::placeholder,
.base-skeleton .input-field .status-disabled:hover::placeholder,
body .input-field .status-disabled:hover::placeholder,
.base-skeleton input[type="color"] .status-disabled:hover::placeholder,
body input[type="color"] .status-disabled:hover::placeholder,
.base-skeleton input[type="date"] .status-disabled:hover::placeholder,
body input[type="date"] .status-disabled:hover::placeholder,
.base-skeleton input[type="datetime-local"] .status-disabled:hover::placeholder,
body input[type="datetime-local"] .status-disabled:hover::placeholder,
.base-skeleton input[type="email"] .status-disabled:hover::placeholder,
body input[type="email"] .status-disabled:hover::placeholder,
.base-skeleton input[type="file"] .status-disabled:hover::placeholder,
body input[type="file"] .status-disabled:hover::placeholder,
.base-skeleton input[type="image"] .status-disabled:hover::placeholder,
body input[type="image"] .status-disabled:hover::placeholder,
.base-skeleton input[type="month"] .status-disabled:hover::placeholder,
body input[type="month"] .status-disabled:hover::placeholder,
.base-skeleton input[type="number"] .status-disabled:hover::placeholder,
body input[type="number"] .status-disabled:hover::placeholder,
.base-skeleton input[type="password"] .status-disabled:hover::placeholder,
body input[type="password"] .status-disabled:hover::placeholder,
.base-skeleton input[type="search"] .status-disabled:hover::placeholder,
body input[type="search"] .status-disabled:hover::placeholder,
.base-skeleton input[type="tel"] .status-disabled:hover::placeholder,
body input[type="tel"] .status-disabled:hover::placeholder,
.base-skeleton input[type="text"] .status-disabled:hover::placeholder,
body input[type="text"] .status-disabled:hover::placeholder,
.base-skeleton input[type="time"] .status-disabled:hover::placeholder,
body input[type="time"] .status-disabled:hover::placeholder,
.base-skeleton input[type="url"] .status-disabled:hover::placeholder,
body input[type="url"] .status-disabled:hover::placeholder,
.base-skeleton input[type="week"] .status-disabled:hover::placeholder,
body input[type="week"] .status-disabled:hover::placeholder,
.base-skeleton .input-field[disabled]:focus::placeholder,
body .input-field[disabled]:focus::placeholder,
.base-skeleton input[type="color"][disabled]:focus::placeholder,
body input[type="color"][disabled]:focus::placeholder,
.base-skeleton input[type="date"][disabled]:focus::placeholder,
body input[type="date"][disabled]:focus::placeholder,
.base-skeleton input[type="datetime-local"][disabled]:focus::placeholder,
body input[type="datetime-local"][disabled]:focus::placeholder,
.base-skeleton input[type="email"][disabled]:focus::placeholder,
body input[type="email"][disabled]:focus::placeholder,
.base-skeleton input[type="file"][disabled]:focus::placeholder,
body input[type="file"][disabled]:focus::placeholder,
.base-skeleton input[type="image"][disabled]:focus::placeholder,
body input[type="image"][disabled]:focus::placeholder,
.base-skeleton input[type="month"][disabled]:focus::placeholder,
body input[type="month"][disabled]:focus::placeholder,
.base-skeleton input[type="number"][disabled]:focus::placeholder,
body input[type="number"][disabled]:focus::placeholder,
.base-skeleton input[type="password"][disabled]:focus::placeholder,
body input[type="password"][disabled]:focus::placeholder,
.base-skeleton input[type="search"][disabled]:focus::placeholder,
body input[type="search"][disabled]:focus::placeholder,
.base-skeleton input[type="tel"][disabled]:focus::placeholder,
body input[type="tel"][disabled]:focus::placeholder,
.base-skeleton input[type="text"][disabled]:focus::placeholder,
body input[type="text"][disabled]:focus::placeholder,
.base-skeleton input[type="time"][disabled]:focus::placeholder,
body input[type="time"][disabled]:focus::placeholder,
.base-skeleton input[type="url"][disabled]:focus::placeholder,
body input[type="url"][disabled]:focus::placeholder,
.base-skeleton input[type="week"][disabled]:focus::placeholder,
body input[type="week"][disabled]:focus::placeholder,
.base-skeleton .input-field .status-disabled:focus::placeholder,
body .input-field .status-disabled:focus::placeholder,
.base-skeleton input[type="color"] .status-disabled:focus::placeholder,
body input[type="color"] .status-disabled:focus::placeholder,
.base-skeleton input[type="date"] .status-disabled:focus::placeholder,
body input[type="date"] .status-disabled:focus::placeholder,
.base-skeleton input[type="datetime-local"] .status-disabled:focus::placeholder,
body input[type="datetime-local"] .status-disabled:focus::placeholder,
.base-skeleton input[type="email"] .status-disabled:focus::placeholder,
body input[type="email"] .status-disabled:focus::placeholder,
.base-skeleton input[type="file"] .status-disabled:focus::placeholder,
body input[type="file"] .status-disabled:focus::placeholder,
.base-skeleton input[type="image"] .status-disabled:focus::placeholder,
body input[type="image"] .status-disabled:focus::placeholder,
.base-skeleton input[type="month"] .status-disabled:focus::placeholder,
body input[type="month"] .status-disabled:focus::placeholder,
.base-skeleton input[type="number"] .status-disabled:focus::placeholder,
body input[type="number"] .status-disabled:focus::placeholder,
.base-skeleton input[type="password"] .status-disabled:focus::placeholder,
body input[type="password"] .status-disabled:focus::placeholder,
.base-skeleton input[type="search"] .status-disabled:focus::placeholder,
body input[type="search"] .status-disabled:focus::placeholder,
.base-skeleton input[type="tel"] .status-disabled:focus::placeholder,
body input[type="tel"] .status-disabled:focus::placeholder,
.base-skeleton input[type="text"] .status-disabled:focus::placeholder,
body input[type="text"] .status-disabled:focus::placeholder,
.base-skeleton input[type="time"] .status-disabled:focus::placeholder,
body input[type="time"] .status-disabled:focus::placeholder,
.base-skeleton input[type="url"] .status-disabled:focus::placeholder,
body input[type="url"] .status-disabled:focus::placeholder,
.base-skeleton input[type="week"] .status-disabled:focus::placeholder,
body input[type="week"] .status-disabled:focus::placeholder {
color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.4);
}
.base-skeleton .spoiler,
body .spoiler {
filter: blur(5px);

2
src/targets/royalblue.root.css.map
View file

File diff suppressed because one or more lines are too long