feat: added keybinding to toggle download bar; style: search bar
This commit is contained in:
@@ -1,58 +1,9 @@
|
||||
/* Center section */
|
||||
$icon-dimension: 2rem;
|
||||
$searchbar-height: calc(2rem + 1em);
|
||||
|
||||
#search {
|
||||
background-color: var(--secondary-background);
|
||||
width: 100%;
|
||||
padding: 0 1em;
|
||||
margin-bottom: 20px;
|
||||
margin-right: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid transparent;
|
||||
transition: border 200ms ease-in-out;
|
||||
|
||||
.search__icon {
|
||||
width: $icon-dimension;
|
||||
height: $icon-dimension;
|
||||
|
||||
i {
|
||||
font-size: $icon-dimension;
|
||||
color: var(--foreground);
|
||||
|
||||
@include remove-selection-background;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
border: 1px solid var(--foreground);
|
||||
}
|
||||
|
||||
#searchbar {
|
||||
height: $searchbar-height;
|
||||
padding-left: 0.5em;
|
||||
border: 0px;
|
||||
border-radius: 0px;
|
||||
background-color: var(--secondary-background);
|
||||
color: var(--foreground);
|
||||
font-size: 2rem;
|
||||
font-family: 'Open Sans';
|
||||
font-weight: 300;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
// Removing Chrome autofill color
|
||||
&:-webkit-autofill,
|
||||
&:-webkit-autofill:hover,
|
||||
&:-webkit-autofill:focus,
|
||||
&:-webkit-autofill:active {
|
||||
-webkit-box-shadow: 0 0 0 $searchbar-height var(--secondary-background) inset !important;
|
||||
box-shadow: 0 0 0 $searchbar-height var(--secondary-background) inset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#container {
|
||||
|
||||
Reference in New Issue
Block a user