notion-enhancer/repo/always-on-top/button.css

46 lines
1000 B
CSS

/*
* notion-enhancer: integrated titlebar
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (https://notion-enhancer.github.io/) under the MIT license
*/
.always_on_top--button {
display: flex;
align-items: center;
}
.sidebar > .always_on_top--button {
margin: 0 0 0.75rem auto;
}
.always_on_top--button button {
user-select: none;
transition: background 20ms ease-in 0s;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 3px;
height: 28px;
width: 33px;
padding: 0 0.25px 0 0;
margin-left: 2px;
border: none;
background: transparent;
font-size: 18px;
}
.always_on_top--button button svg {
display: block;
width: 20px;
height: 20px;
}
.always_on_top--button button:focus,
.always_on_top--button button:hover {
background: var(--theme--ui_interactive-hover);
}
.always_on_top--button button:active {
background: var(--theme--ui_interactive-active);
}