FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
processing-website/src/components/SearchBar.module.css at main · processing/processing-website · GitHub
processing
processing-website
Repository navigation
Code
Issues
112
(112)
Pull requests
16
(16)
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
processing-website
/
src
/
components
/
SearchBar.module.css
Copy path
More file actions
More file actions
Latest commit
History
History
History
59 lines (54 loc) · 1 KB
Breadcrumbs
processing-website
/
src
/
components
/
SearchBar.module.css
Copy path
File metadata and controls
59 lines (54 loc) · 1 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
.
root
{
position
:
relative;
}
.
input
{
padding
:
4
px
10
px
2
px
12
px
;
border
:
2
px
solid
var
(
--lightgray
);
background-color
:
var
(
--lightgray
);
border
:
2
px
solid transparent;
border-radius
:
40
px
;
margin-left
:
auto;
width
:
100
%
;
padding
:
4
px
10
px
2
px
12
px
;
height
:
100
%
;
outline
:
none;
transition
:
1
s
ease;
}
.
input
:
focus
{
border-color
:
var
(
--processing-blue-light
);
}
.
input
::
placeholder
{
color
:
var
(
--darkgray
);
opacity
:
1
;
padding-top
:
7
px
;
}
.
searchBar
{
display
:
flex;
flex-direction
:
row;
flex-basis
:
var
(
--col6
);
justify-content
:
flex-end;
align-items
:
center;
}
.
submit
{
position
:
absolute;
right
:
16
px
;
padding
:
0
;
cursor
:
pointer;
border
:
2
px
solid transparent;
&
:
focus
{
outline
:
none;
border
:
2
px
solid
var
(
--processing-blue-light
);
border-radius
:
50
%
;
}
&
:
hover
path
{
stroke
:
var
(
--processing-blue-mid
);
}
&
:
active
path
{
stroke
:
var
(
--processing-blue-dark
);
}
}
@media
(--reduced) {
.
root
{
align-self
:
baseline;
}
}
Back
|
FazBrowse Home
|
New Git URL