js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix search input styles

Browse Source
This commit is contained in:
Cory LaViska
2020-07-15 08:26:31 -04:00
parent d39a230454
commit c5b4ac867e
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/assets/styles/docs.css
View File

@@ -99,15 +99,16 @@
}
.sidebar .search input[type='search'] {
box-shadow: 0 0 0 var(--sl-focus-ring-width) transparent, inset 0 0 0 1px var(--sl-input-border-color);
border-radius: 9999px;
padding-right: 2.5rem;
border: solid 1px var(--sl-input-border-color);
border-radius: var(--sl-border-radius-pill);
padding-right: 2rem;
margin: 0 1.25rem;
transition: var(--sl-transition-fast) box-shadow;
}
.sidebar .search input[type='search']:focus {
box-shadow: var(--sl-focus-ring-box-shadow), inset 0 0 0 1px var(--sl-input-border-color-focus);
box-shadow: var(--sl-focus-ring-box-shadow);
border-color: var(--sl-input-border-color-focus);
outline: none;
}