the-glorious-startpage/css/bars/dock-buttons.css
Gerome Matilla ae6e1254ea
Quality control (#27)
* fix paddings on screen

* fix  test Variable Assigned to Object Injection Sink

* fix parse int missing base

* fix security issues(regex not included)

* fix missing base

* fixes padding

* minor fixes

* regex

* cleanup

* minor cleanup in webmenu

* cleanups

* cleanups spaces to tab

* cleanups

* spacing tabs fixes test

* cleanup

* cleanup

* multitransition new line

* cleanup

* cleanup

* cleanup

* cleanup

* readme

* comments

* cleanup

* Avoid assignments in operands

* cleanup
2020-06-16 20:07:54 +08:00

70 lines
1.1 KiB
CSS

/* Dock buttons */
.dockButton {
background: var(--base-container);
width: 36px;
height: 36px;
position: relative;
border-radius: var(--rounded-radius);
margin: 2px;
padding: 5px;
border: none;
cursor: pointer;
transition: transform 0.2s;
}
/* The a href container/main dock button container */
.dockLink {
/* Act as div */
display: block;
/* Remove outlines */
text-decoration: none;
outline: 0;
border: none;
-moz-outline-style: none;
/* Disable dragging */
user-select: none;
-webkit-user-drag: none;
}
.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;
}
/* Dock button hover */
.dockButton:hover {
background: var(--base-hover-bg);
-ms-transform: scale(1.25);
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
/* Dock button active */
.dockButton:active {
background: var(--base-active-bg);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
/* Dock button image */
.dockButtonImage {
background-size: cover;
}