michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

docs: Improvements to language select and theme toggle (#1473)

Browse source
This commit is contained in:
Mikkel Tønder 2021-10-01 21:09:10 +02:00 committed by GitHub
parent b5f1bd46ff
commit c1aa4b4d2d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
docs/src/components/Header/LanguageSelect.css
View file

@ -20,6 +20,10 @@
transition-timing-function: ease-out;
transition-duration: 0.2s;
transition-property: border-color, color;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: 97%;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
}
@ -39,32 +43,8 @@
pointer-events: none;
}
.language-select-wrapper::before,
.language-select-wrapper::after {
position: absolute;
top: 18px;
content: '';
width: 8px;
height: 1px;
background: var(--theme-text-light);
}
.language-select-wrapper::before {
right: 10px;
transform: rotate(45deg);
}
.language-select-wrapper::after {
right: 5px;
transform: rotate(-45deg);
}
@media (min-width: 50em) {
.language-select {
width: 100%;
}
.language-select-wrapper::before {
right: 16px;
}
.language-select-wrapper::after {
right: 11px;
}
}

1
docs/src/components/RightSidebar/ThemeToggleButton.css
View file

@ -19,6 +19,7 @@
align-items: center;
justify-content: center;
opacity: 0.5;
cursor: pointer;
}
.theme-toggle .checked {