gearheads
/
mastodon
Archived
2
0
Fork 0
Code Releases 4 Activity

Gearheads: add various extra styles for Elephant theme

gh/stable
Ducky 2023-07-29 02:24:55 +01:00
parent ccaafd7157
commit 9bef0d71ea
1 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
app/javascript/styles/gh/elephant-mods.scss
View File

@ -1,12 +1,60 @@
.theme-elephant,
.theme-elephant-contrast,
.theme-elephant-light {
background-color: var(--color-bg);
/** Style login/sign-up **/
.new_user {
.btn {
border-radius: 9999px;
text-transform: unset;
transition: all .2s;
}
.label_input__append {
&::after {
background-image: unset;
}
}
input {
&.string,
&.text {
background-color: var(--color-mud);
border-color: var(--color-mud);
color: var(--color-dim);
font-size: var(--font-size);
}
&.string {
border-radius: 32px;
height: 42px;
padding: 0 20px;
}
&.text {
border-radius: var(--border-radius);
}
}
}
/** Add shadows around dropdowns/popouts **/
.dropdown-animation,
.picture-in-picture .video-player.inline,
.video-modal__container .video-player {
box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
/** Fix PIP quirks **/
.picture-in-picture {
.video-player.inline {
border-radius: unset;
outline: unset;
}
border-radius: var(--border-radius);
}
/** Offset modified logo for desktop layout **/
.navigation-panel__logo > .column-link--logo {
margin-left: 3px;