diff options
| author | Luke Smith <luke@lukesmith.xyz> | 2022-05-26 23:58:53 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-05-26 23:58:53 +0000 |
| commit | b7f117cf4c59c0360156de16c2ba1c1ebd5602f0 (patch) | |
| tree | 0758bdddf8d01e58fda5dff4f77ca87ff2a8993f /static/style.css | |
| parent | 0a837fb26acfa5c1ba8d910984d19963f1e0cfa4 (diff) | |
Filter Articles with a Javascript Search (#772)
* for lugo changes
* quick search through recipes
* Update content/_index.md
Co-authored-by: Steven Hall <Hallzy.18@gmail.com>
* Update content/_index.md
Co-authored-by: Steven Hall <Hallzy.18@gmail.com>
* when searching, list one column, big results
* Update content/_index.md
Co-authored-by: Steven Hall <Hallzy.18@gmail.com>
* Update content/_index.md
Co-authored-by: Steven Hall <Hallzy.18@gmail.com>
* Update content/_index.md
Co-authored-by: Steven Hall <Hallzy.18@gmail.com>
* change for my naming
* remove for fix
* redundant
* hide tags in items so search sees tags
* last superficial changes
Co-authored-by: Steven Hall <Hallzy.18@gmail.com>
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css index f4ea240..0c659ba 100644 --- a/static/style.css +++ b/static/style.css @@ -51,6 +51,7 @@ h1 { h2 { color: tomato ; + text-align: center ; } footer { @@ -113,3 +114,46 @@ img[alt="XMR Logo"] { @media (min-width: 100em) { #artlist { column-count: 3 ;} } + + +input#search { + all: unset; + background: #222; + color: #fff; + padding: 0.7rem 1rem; + border-radius: 5px; + width: 100%; +} + +.search { + width: 400px; + max-width: 85vw; + position: relative; + margin: 0.5rem auto 1.2rem; + display: flex; +} + +button.clear-search { + all: unset; + position: absolute; + right: 4px; + top: 5px; + height: 30px; + width: 30px; + color: #888; + cursor: pointer; + transition: color 180ms ease-in-out; +} +button.clear-search:hover { + color: #eee; +} + + +.matched-recipe { + font-size: x-large ; +} + +.list-searched { + column-count: 1 !important ; + list-style: decimal ; +} |