forked from extern/the-glorious-startpage
51 lines
808 B
CSS
51 lines
808 B
CSS
/*Dock buttons*/
|
|
.dockButton {
|
|
width: 36px;
|
|
height: 36px;
|
|
position: relative;
|
|
background: var(--base-container);
|
|
border-radius: var(--rounded-radius);
|
|
margin: 2px;
|
|
padding: 5px;
|
|
border: none;
|
|
cursor: pointer;
|
|
transition: transform .2s;
|
|
}
|
|
|
|
.dockButton div {
|
|
background-size: cover;
|
|
width: 36px;
|
|
height: 36px;
|
|
border: none;
|
|
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
.dockButton:hover {
|
|
background: var(--base-hover-bg);
|
|
|
|
-ms-transform: scale(1.25);
|
|
-webkit-transform: scale(1.25);
|
|
transform: scale(1.25);
|
|
}
|
|
|
|
.dockButton:active {
|
|
background: var(--base-active-bg);
|
|
|
|
-ms-transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
.dockButtonImage {
|
|
background-size: 'cover';
|
|
} |