diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-01-23 13:48:54 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-23 13:48:54 -0500 |
| commit | ca3f9c3648f07480707a3b02e4ad70e3fd0a3d81 (patch) | |
| tree | 7a75836665c608f0576f343db326a95b180af223 /ext/mixed/css/display.css | |
| parent | a24f3f5347fdfe528082896c8aa255fc19ac2dd4 (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.css | 30 |
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 */ |