aboutsummaryrefslogtreecommitdiff
path: root/ext/mixed/css/display.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-01-23 13:48:54 -0500
committerGitHub <noreply@github.com>2021-01-23 13:48:54 -0500
commitca3f9c3648f07480707a3b02e4ad70e3fd0a3d81 (patch)
tree7a75836665c608f0576f343db326a95b180af223 /ext/mixed/css/display.css
parenta24f3f5347fdfe528082896c8aa255fc19ac2dd4 (diff)
Update icons (#1295)
* Update icons * Simplify sidebar-button-icon styles
Diffstat (limited to 'ext/mixed/css/display.css')
-rw-r--r--ext/mixed/css/display.css30
1 files changed, 2 insertions, 28 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index a7c3e368..0c6ab336 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -494,17 +494,11 @@ button.sidebar-button.danger:active:not(:disabled) {
background-color: var(--sidebar-button-danger-background-color-active);
}
.sidebar-button-icon {
+ --icon-size: var(--sidebar-button-icon-size) var(--sidebar-button-icon-size);
+
display: block;
width: 100%;
height: 100%;
- mask-repeat: no-repeat;
- mask-position: center center;
- mask-mode: alpha;
- mask-size: var(--sidebar-button-icon-size) var(--sidebar-button-icon-size);
- -webkit-mask-repeat: no-repeat;
- -webkit-mask-position: center center;
- -webkit-mask-mode: alpha;
- -webkit-mask-size: var(--sidebar-button-icon-size) var(--sidebar-button-icon-size);
background-color: var(--sidebar-button-icon-color);
transition: background-color 0.125s ease-in-out;
}
@@ -518,26 +512,6 @@ button.sidebar-button.danger:focus .sidebar-button-icon {
button.sidebar-button.sidebar-button-highlight>.sidebar-button-icon {
background-color: var(--accent-color);
}
-.sidebar-button-icon[data-icon=cross] {
- mask-image: url(/mixed/img/cross.svg);
- -webkit-mask-image: url(/mixed/img/cross.svg);
-}
-.sidebar-button-icon[data-icon=left-chevron] {
- mask-image: url(/mixed/img/left-chevron.svg);
- -webkit-mask-image: url(/mixed/img/left-chevron.svg);
-}
-.sidebar-button-icon[data-icon=right-chevron] {
- mask-image: url(/mixed/img/right-chevron.svg);
- -webkit-mask-image: url(/mixed/img/right-chevron.svg);
-}
-.sidebar-button-icon[data-icon=kebab-menu] {
- mask-image: url(/mixed/img/kebab-menu.svg);
- -webkit-mask-image: url(/mixed/img/kebab-menu.svg);
-}
-.sidebar-button-icon[data-icon=profile] {
- mask-image: url(/mixed/img/profile.svg);
- -webkit-mask-image: url(/mixed/img/profile.svg);
-}
/* Search page */