diff options
Diffstat (limited to 'src/components/shared/Select.module.scss')
| -rw-r--r-- | src/components/shared/Select.module.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/src/components/shared/Select.module.scss b/src/components/shared/Select.module.scss new file mode 100644 index 0000000..9e1a20c --- /dev/null +++ b/src/components/shared/Select.module.scss @@ -0,0 +1,30 @@ +.select { + height: 40px; + line-height: 1.5; + width: 100%; + padding-left: 8px; + appearance: none; + background-color: var(--color-input-bg); + color: var(--color-text); + padding-right: 20px; + border-radius: 4px; + border: 1px solid var(--color-input-border); + background-image: url(data:image/svg+xml,%0A%20%20%20%20%3Csvg%20width%3D%228%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%207L7%2011H1L4%207Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2017L1%2013L7%2013L4%2017Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20); + background-position: right 8px center; + background-repeat: no-repeat; +} + +.select:hover, +.select:focus { + border-color: rgb(52, 52, 52); + outline: none !important; + color: var(--color-text-highlight); + background-image: var(--select-bg-hover); +} +.select:focus { + box-shadow: rgba(66, 153, 225, 0.6) 0px 0px 0px 3px; +} + +.select option { + background-color: var(--color-background); +} |