danix
's git repository
home
/
my projects
/
theme-danix.xyz.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
37ce514
)
fixed higlighting of form items when focused
author
danix
<danix@danix.xyz>
Wed, 1 Mar 2023 10:12:54 +0000
(11:12 +0100)
committer
danix
<danix@danix.xyz>
Wed, 1 Mar 2023 10:12:54 +0000
(11:12 +0100)
assets/sass/components/_form.scss
patch
|
blob
|
blame
|
history
diff --git
a/assets/sass/components/_form.scss
b/assets/sass/components/_form.scss
index
4bf1548
..
5bfe29f
100644
(file)
--- a/
assets/sass/components/_form.scss
+++ b/
assets/sass/components/_form.scss
@@
-91,7
+91,7
@@
textarea {
\r
@include vendor('appearance', 'none');
\r
background: _palette_light(border-bg);
\r
textarea {
\r
@include vendor('appearance', 'none');
\r
background: _palette_light(border-bg);
\r
- border:
none
;
\r
+ border:
1px solid _palette_light(fg-light)
;
\r
border-radius: 0;
\r
color: inherit;
\r
display: block;
\r
border-radius: 0;
\r
color: inherit;
\r
display: block;
\r
@@
-100,7
+100,8
@@
text-decoration: none;
\r
width: 100%;
\r
@media screen and (prefers-color-scheme: dark) {
\r
text-decoration: none;
\r
width: 100%;
\r
@media screen and (prefers-color-scheme: dark) {
\r
- background: _palette_dark(border-bg);
\r
+ background: _palette_dark(border);
\r
+ border: 1px solid _palette_dark(fg-light);
\r
}
\r
\r
&:invalid {
\r
}
\r
\r
&:invalid {
\r
@@
-109,10
+110,10
@@
\r
&:focus {
\r
border-color: _palette_light(highlight);
\r
\r
&:focus {
\r
border-color: _palette_light(highlight);
\r
- box-shadow: 0 0 0 2px _palette_light(highlight);
\r
+ box-shadow:
inset
0 0 0 2px _palette_light(highlight);
\r
@media screen and (prefers-color-scheme: dark) {
\r
border-color: _palette_dark(highlight);
\r
@media screen and (prefers-color-scheme: dark) {
\r
border-color: _palette_dark(highlight);
\r
- box-shadow: 0 0 0 2px _palette_dark(highlight);
\r
+ box-shadow:
inset
0 0 0 2px _palette_dark(highlight);
\r
}
\r
}
\r
}
\r
}
\r
}
\r
}
\r
@@
-221,9
+222,9
@@
\r
&:focus + label {
\r
&:before {
\r
\r
&:focus + label {
\r
&:before {
\r
- box-shadow: 0 0 0 2px _palette_light(highlight);
\r
+ box-shadow:
inset
0 0 0 2px _palette_light(highlight);
\r
@media screen and (prefers-color-scheme: dark) {
\r
@media screen and (prefers-color-scheme: dark) {
\r
- box-shadow: 0 0 0 2px _palette_dark(highlight);
\r
+ box-shadow:
inset
0 0 0 2px _palette_dark(highlight);
\r
}
\r
}
\r
}
\r
}
\r
}
\r
}
\r