diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2021-08-26 15:04:19 -0700 |
|---|---|---|
| committer | Fred K. Schott <fkschott@gmail.com>
| 2021-08-26 15:04:44 -0700 |
| commit | fdd701dd88529ee0d4911283e35be86b000ed1fc (patch) | |
| tree | 61d450d04633eece1c12b350b9ef3512dc2fa7b7 /examples/docs/src/components/Header/LanguageSelect.css | |
| parent | 84c18d3030c98b2770144a8a27d1cca7bbfedc1d (diff) | |
| parent | 2e8db7ad2384b756894eac6be72bcf720f7f28fa (diff) | |
| download | astro-fdd701dd88529ee0d4911283e35be86b000ed1fc.tar.gz astro-fdd701dd88529ee0d4911283e35be86b000ed1fc.tar.zst astro-fdd701dd88529ee0d4911283e35be86b000ed1fc.zip | |
Merge branch 'okikio/main' (#1111)
Diffstat (limited to 'examples/docs/src/components/Header/LanguageSelect.css')
| -rw-r--r-- | examples/docs/src/components/Header/LanguageSelect.css | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/examples/docs/src/components/Header/LanguageSelect.css b/examples/docs/src/components/Header/LanguageSelect.css new file mode 100644 index 000000000..4e878714b --- /dev/null +++ b/examples/docs/src/components/Header/LanguageSelect.css @@ -0,0 +1,47 @@ +.language-select { + flex-grow: 1; + width: 48px; + box-sizing: border-box; + margin: 0; + padding: 0.33em 0.5em; + overflow: visible; + font-weight: 500; + font-size: 1rem; + font-family: inherit; + line-height: inherit; + background-color: var(--theme-bg); + border-color: var(--theme-text-lighter); + color: var(--theme-text-light); + border-style: solid; + border-width: 1px; + border-radius: 0.25rem; + outline: 0; + cursor: pointer; + transition-timing-function: ease-out; + transition-duration: 0.2s; + transition-property: border-color, color; + -webkit-font-smoothing: antialiased; + padding-left: 30px; + padding-right: 1rem; +} +.language-select-wrapper .language-select:hover, +.language-select-wrapper .language-select:focus { + color: var(--theme-text); + border-color: var(--theme-text-light); +} +.language-select-wrapper { + color: var(--theme-text-light); + position: relative; +} +.language-select-wrapper > svg { + position: absolute; + top: 7px; + left: 10px; + pointer-events: none; +} + +@media (min-width: 50em) { + .language-select { + width: 100%; + } +} |