Compare commits
No commits in common. "ae8c4c9ce6505bd1d0c67fbaefc2f321c4c17b55" and "b2ac299f058e86feeed3608c663a471e3209df04" have entirely different histories.
ae8c4c9ce6
...
b2ac299f05
4 changed files with 10 additions and 13 deletions
|
@ -82,7 +82,6 @@ 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,24 +1,23 @@
|
||||||
.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,19 +663,20 @@ 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, background-color 0.2s ease-in-out;
|
transition: border-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,5 +29,3 @@ 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