Compare commits
2 commits
b2ac299f05
...
ae8c4c9ce6
Author | SHA1 | Date | |
---|---|---|---|
ae8c4c9ce6 | |||
b103634807 |
4 changed files with 13 additions and 10 deletions
|
@ -82,6 +82,7 @@ const PlayerBox = player => mpris.CoverArt(player, {
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// TODO: Make this a stack with animations and gestures
|
||||||
export default () => Box({
|
export default () => Box({
|
||||||
vertical: true,
|
vertical: true,
|
||||||
className: 'media',
|
className: 'media',
|
||||||
|
|
|
@ -1,23 +1,24 @@
|
||||||
.overview {
|
.overview {
|
||||||
background-color: $bg;
|
|
||||||
border-radius: 30px;
|
|
||||||
border: 2px solid $contrastbg;
|
|
||||||
padding: 10px;
|
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
|
|
||||||
.workspace {
|
.workspace {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
transition: border-color 0.2s ease-in-out;
|
transition: border-color 0.2s ease-in-out,
|
||||||
|
background-color 0.2s ease-in-out;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
|
background-color: rgba(lighten($color: black, $amount: 15), 0.8);
|
||||||
|
transition: border-color 0.2s ease-in-out,
|
||||||
|
background-color 0.2s ease-in-out;
|
||||||
border: 2px solid black;
|
border: 2px solid black;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.workspace .window {
|
.workspace .window {
|
||||||
|
background-color: $bgfull;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
transition: min-width 0.2s ease-in-out,
|
transition: min-width 0.2s ease-in-out,
|
||||||
|
|
|
@ -663,20 +663,19 @@ calendar:indeterminate {
|
||||||
transition: background-color 0.5s ease-in-out; }
|
transition: background-color 0.5s ease-in-out; }
|
||||||
|
|
||||||
.overview {
|
.overview {
|
||||||
background-color: rgba(40, 42, 54, 0.8);
|
|
||||||
border-radius: 30px;
|
|
||||||
border: 2px solid rgba(189, 147, 249, 0.8);
|
|
||||||
padding: 10px;
|
|
||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
min-width: 1px; }
|
min-width: 1px; }
|
||||||
.overview .workspace {
|
.overview .workspace {
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
transition: border-color 0.2s ease-in-out;
|
transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
||||||
border-radius: 10px; }
|
border-radius: 10px; }
|
||||||
.overview .workspace.active {
|
.overview .workspace.active {
|
||||||
|
background-color: rgba(38, 38, 38, 0.8);
|
||||||
|
transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
||||||
border: 2px solid black; }
|
border: 2px solid black; }
|
||||||
.overview .workspace .window {
|
.overview .workspace .window {
|
||||||
|
background-color: #282a36;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
transition: min-width 0.2s ease-in-out, min-height 0.2s ease-in-out, border-color 0.2s ease-in-out, font-size 0.2s ease-in-out; }
|
transition: min-width 0.2s ease-in-out, min-height 0.2s ease-in-out, border-color 0.2s ease-in-out, font-size 0.2s ease-in-out; }
|
||||||
|
|
|
@ -29,3 +29,5 @@ let g:coc_snippet_next = '<tab>'
|
||||||
|
|
||||||
" support scss @
|
" support scss @
|
||||||
autocmd FileType scss setl iskeyword+=@-@
|
autocmd FileType scss setl iskeyword+=@-@
|
||||||
|
|
||||||
|
nnoremap <silent> <esc> :noh<cr><esc>
|
||||||
|
|
Loading…
Reference in a new issue