Skip to content

Commit

Permalink
HTML <search>
Browse files Browse the repository at this point in the history
  • Loading branch information
@taufik-nurrohman
taufik-nurrohman committed Feb 10, 2024
1 parent 9689bda commit 6a1dd6a
Show file tree
Hide file tree
Showing 6 changed files with 152 additions and 140 deletions.
3 changes: 2 additions & 1 deletion .factory/_/x/search.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
[role='search'] {
search {
display: block;
input {
flex: 1;
min-width: 0;
Expand Down
1 change: 1 addition & 0 deletions .factory/index.css.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -320,6 +320,7 @@ video {
+ ol,
+ p,
+ pre,
+ search,
+ section,
+ table,
+ ul {
Expand Down
2 changes: 1 addition & 1 deletion about.page
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ images:
- /lot/y/blogger-scribe/index.png
author: Taufik Nurrohman
type: Markdown
version: 1.0.3
version: 1.0.4
...

This is not a clone of the original Scribe template. I didn’t make it from the original source code, but by refactoring
Expand Down
282 changes: 146 additions & 136 deletions index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -319,6 +319,7 @@ video {
* + ol,
* + p,
* + pre,
* + search,
* + section,
* + table,
* + ul {
Expand Down Expand Up @@ -522,147 +523,156 @@ form[name=pass] {
padding: 1rem;
}

[role=search] input,
[role=search] button,
[role=search] [role=button] {
search {
display: block;
}
search input,
search button,
search input[type=button],
search button[type=button],
search input[type=reset],
search button[type=reset],
search input[type=submit],
search button[type=submit],
search [role=button] {
flex: 1;
min-width: 0;
}
[role=search] input + button,
[role=search] button + button,
[role=search] input[type=button] + button,
[role=search] button[type=button] + button,
[role=search] input[type=reset] + button,
[role=search] button[type=reset] + button,
[role=search] input[type=submit] + button,
[role=search] button[type=submit] + button,
[role=search] [role=button] + button,
[role=search] [type=button][role=button] + button,
[role=search] [type=reset][role=button] + button,
[role=search] [type=submit][role=button] + button,
[role=search] input + input[type=button],
[role=search] button + input[type=button],
[role=search] input[type=button] + input[type=button],
[role=search] button[type=button] + input[type=button],
[role=search] input[type=reset] + input[type=button],
[role=search] button[type=reset] + input[type=button],
[role=search] input[type=submit] + input[type=button],
[role=search] button[type=submit] + input[type=button],
[role=search] [role=button] + input[type=button],
[role=search] [type=button][role=button] + input[type=button],
[role=search] [type=reset][role=button] + input[type=button],
[role=search] [type=submit][role=button] + input[type=button],
[role=search] input + button[type=button],
[role=search] button + button[type=button],
[role=search] input[type=button] + button[type=button],
[role=search] button[type=button] + button[type=button],
[role=search] input[type=reset] + button[type=button],
[role=search] button[type=reset] + button[type=button],
[role=search] input[type=submit] + button[type=button],
[role=search] button[type=submit] + button[type=button],
[role=search] [role=button] + button[type=button],
[role=search] [type=button][role=button] + button[type=button],
[role=search] [type=reset][role=button] + button[type=button],
[role=search] [type=submit][role=button] + button[type=button],
[role=search] input + input[type=reset],
[role=search] button + input[type=reset],
[role=search] input[type=button] + input[type=reset],
[role=search] button[type=button] + input[type=reset],
[role=search] input[type=reset] + input[type=reset],
[role=search] button[type=reset] + input[type=reset],
[role=search] input[type=submit] + input[type=reset],
[role=search] button[type=submit] + input[type=reset],
[role=search] [role=button] + input[type=reset],
[role=search] [type=button][role=button] + input[type=reset],
[role=search] [type=reset][role=button] + input[type=reset],
[role=search] [type=submit][role=button] + input[type=reset],
[role=search] input + button[type=reset],
[role=search] button + button[type=reset],
[role=search] input[type=button] + button[type=reset],
[role=search] button[type=button] + button[type=reset],
[role=search] input[type=reset] + button[type=reset],
[role=search] button[type=reset] + button[type=reset],
[role=search] input[type=submit] + button[type=reset],
[role=search] button[type=submit] + button[type=reset],
[role=search] [role=button] + button[type=reset],
[role=search] [type=button][role=button] + button[type=reset],
[role=search] [type=reset][role=button] + button[type=reset],
[role=search] [type=submit][role=button] + button[type=reset],
[role=search] input + input[type=submit],
[role=search] button + input[type=submit],
[role=search] input[type=button] + input[type=submit],
[role=search] button[type=button] + input[type=submit],
[role=search] input[type=reset] + input[type=submit],
[role=search] button[type=reset] + input[type=submit],
[role=search] input[type=submit] + input[type=submit],
[role=search] button[type=submit] + input[type=submit],
[role=search] [role=button] + input[type=submit],
[role=search] [type=button][role=button] + input[type=submit],
[role=search] [type=reset][role=button] + input[type=submit],
[role=search] [type=submit][role=button] + input[type=submit],
[role=search] input + button[type=submit],
[role=search] button + button[type=submit],
[role=search] input[type=button] + button[type=submit],
[role=search] button[type=button] + button[type=submit],
[role=search] input[type=reset] + button[type=submit],
[role=search] button[type=reset] + button[type=submit],
[role=search] input[type=submit] + button[type=submit],
[role=search] button[type=submit] + button[type=submit],
[role=search] [role=button] + button[type=submit],
[role=search] [type=button][role=button] + button[type=submit],
[role=search] [type=reset][role=button] + button[type=submit],
[role=search] [type=submit][role=button] + button[type=submit],
[role=search] input + [role=button],
[role=search] button + [role=button],
[role=search] input[type=button] + [role=button],
[role=search] button[type=button] + [role=button],
[role=search] input[type=reset] + [role=button],
[role=search] button[type=reset] + [role=button],
[role=search] input[type=submit] + [role=button],
[role=search] button[type=submit] + [role=button],
[role=search] [role=button] + [role=button],
[role=search] [type=button][role=button] + [role=button],
[role=search] [type=reset][role=button] + [role=button],
[role=search] [type=submit][role=button] + [role=button],
[role=search] input + [type=button][role=button],
[role=search] button + [type=button][role=button],
[role=search] input[type=button] + [type=button][role=button],
[role=search] button[type=button] + [type=button][role=button],
[role=search] input[type=reset] + [type=button][role=button],
[role=search] button[type=reset] + [type=button][role=button],
[role=search] input[type=submit] + [type=button][role=button],
[role=search] button[type=submit] + [type=button][role=button],
[role=search] [role=button] + [type=button][role=button],
[role=search] [type=button][role=button] + [type=button][role=button],
[role=search] [type=reset][role=button] + [type=button][role=button],
[role=search] [type=submit][role=button] + [type=button][role=button],
[role=search] input + [type=reset][role=button],
[role=search] button + [type=reset][role=button],
[role=search] input[type=button] + [type=reset][role=button],
[role=search] button[type=button] + [type=reset][role=button],
[role=search] input[type=reset] + [type=reset][role=button],
[role=search] button[type=reset] + [type=reset][role=button],
[role=search] input[type=submit] + [type=reset][role=button],
[role=search] button[type=submit] + [type=reset][role=button],
[role=search] [role=button] + [type=reset][role=button],
[role=search] [type=button][role=button] + [type=reset][role=button],
[role=search] [type=reset][role=button] + [type=reset][role=button],
[role=search] [type=submit][role=button] + [type=reset][role=button],
[role=search] input + [type=submit][role=button],
[role=search] button + [type=submit][role=button],
[role=search] input[type=button] + [type=submit][role=button],
[role=search] button[type=button] + [type=submit][role=button],
[role=search] input[type=reset] + [type=submit][role=button],
[role=search] button[type=reset] + [type=submit][role=button],
[role=search] input[type=submit] + [type=submit][role=button],
[role=search] button[type=submit] + [type=submit][role=button],
[role=search] [role=button] + [type=submit][role=button],
[role=search] [type=button][role=button] + [type=submit][role=button],
[role=search] [type=reset][role=button] + [type=submit][role=button],
[role=search] [type=submit][role=button] + [type=submit][role=button] {
search input + button,
search button + button,
search input[type=button] + button,
search button[type=button] + button,
search input[type=reset] + button,
search button[type=reset] + button,
search input[type=submit] + button,
search button[type=submit] + button,
search [role=button] + button,
search [type=button][role=button] + button,
search [type=reset][role=button] + button,
search [type=submit][role=button] + button,
search input + input[type=button],
search button + input[type=button],
search input[type=button] + input[type=button],
search button[type=button] + input[type=button],
search input[type=reset] + input[type=button],
search button[type=reset] + input[type=button],
search input[type=submit] + input[type=button],
search button[type=submit] + input[type=button],
search [role=button] + input[type=button],
search [type=button][role=button] + input[type=button],
search [type=reset][role=button] + input[type=button],
search [type=submit][role=button] + input[type=button],
search input + button[type=button],
search button + button[type=button],
search input[type=button] + button[type=button],
search button[type=button] + button[type=button],
search input[type=reset] + button[type=button],
search button[type=reset] + button[type=button],
search input[type=submit] + button[type=button],
search button[type=submit] + button[type=button],
search [role=button] + button[type=button],
search [type=button][role=button] + button[type=button],
search [type=reset][role=button] + button[type=button],
search [type=submit][role=button] + button[type=button],
search input + input[type=reset],
search button + input[type=reset],
search input[type=button] + input[type=reset],
search button[type=button] + input[type=reset],
search input[type=reset] + input[type=reset],
search button[type=reset] + input[type=reset],
search input[type=submit] + input[type=reset],
search button[type=submit] + input[type=reset],
search [role=button] + input[type=reset],
search [type=button][role=button] + input[type=reset],
search [type=reset][role=button] + input[type=reset],
search [type=submit][role=button] + input[type=reset],
search input + button[type=reset],
search button + button[type=reset],
search input[type=button] + button[type=reset],
search button[type=button] + button[type=reset],
search input[type=reset] + button[type=reset],
search button[type=reset] + button[type=reset],
search input[type=submit] + button[type=reset],
search button[type=submit] + button[type=reset],
search [role=button] + button[type=reset],
search [type=button][role=button] + button[type=reset],
search [type=reset][role=button] + button[type=reset],
search [type=submit][role=button] + button[type=reset],
search input + input[type=submit],
search button + input[type=submit],
search input[type=button] + input[type=submit],
search button[type=button] + input[type=submit],
search input[type=reset] + input[type=submit],
search button[type=reset] + input[type=submit],
search input[type=submit] + input[type=submit],
search button[type=submit] + input[type=submit],
search [role=button] + input[type=submit],
search [type=button][role=button] + input[type=submit],
search [type=reset][role=button] + input[type=submit],
search [type=submit][role=button] + input[type=submit],
search input + button[type=submit],
search button + button[type=submit],
search input[type=button] + button[type=submit],
search button[type=button] + button[type=submit],
search input[type=reset] + button[type=submit],
search button[type=reset] + button[type=submit],
search input[type=submit] + button[type=submit],
search button[type=submit] + button[type=submit],
search [role=button] + button[type=submit],
search [type=button][role=button] + button[type=submit],
search [type=reset][role=button] + button[type=submit],
search [type=submit][role=button] + button[type=submit],
search input + [role=button],
search button + [role=button],
search input[type=button] + [role=button],
search button[type=button] + [role=button],
search input[type=reset] + [role=button],
search button[type=reset] + [role=button],
search input[type=submit] + [role=button],
search button[type=submit] + [role=button],
search [role=button] + [role=button],
search [type=button][role=button] + [role=button],
search [type=reset][role=button] + [role=button],
search [type=submit][role=button] + [role=button],
search input + [type=button][role=button],
search button + [type=button][role=button],
search input[type=button] + [type=button][role=button],
search button[type=button] + [type=button][role=button],
search input[type=reset] + [type=button][role=button],
search button[type=reset] + [type=button][role=button],
search input[type=submit] + [type=button][role=button],
search button[type=submit] + [type=button][role=button],
search [role=button] + [type=button][role=button],
search [type=button][role=button] + [type=button][role=button],
search [type=reset][role=button] + [type=button][role=button],
search [type=submit][role=button] + [type=button][role=button],
search input + [type=reset][role=button],
search button + [type=reset][role=button],
search input[type=button] + [type=reset][role=button],
search button[type=button] + [type=reset][role=button],
search input[type=reset] + [type=reset][role=button],
search button[type=reset] + [type=reset][role=button],
search input[type=submit] + [type=reset][role=button],
search button[type=submit] + [type=reset][role=button],
search [role=button] + [type=reset][role=button],
search [type=button][role=button] + [type=reset][role=button],
search [type=reset][role=button] + [type=reset][role=button],
search [type=submit][role=button] + [type=reset][role=button],
search input + [type=submit][role=button],
search button + [type=submit][role=button],
search input[type=button] + [type=submit][role=button],
search button[type=button] + [type=submit][role=button],
search input[type=reset] + [type=submit][role=button],
search button[type=reset] + [type=submit][role=button],
search input[type=submit] + [type=submit][role=button],
search button[type=submit] + [type=submit][role=button],
search [role=button] + [type=submit][role=button],
search [type=button][role=button] + [type=submit][role=button],
search [type=reset][role=button] + [type=submit][role=button],
search [type=submit][role=button] + [type=submit][role=button] {
flex: initial;
}
[role=search] p {
search p {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
Expand Down
Loading

0 comments on commit 6a1dd6a

Please sign in to comment.