SidebarItem.css (814B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /* 6 * Sidebar list items 7 */ 8 9 .sidebar-item { 10 display: grid; 11 grid-template-columns: auto 1fr; 12 grid-gap: var(--base-unit); 13 padding: calc(var(--base-unit)) calc(var(--base-unit) * 6); 14 user-select: none; 15 cursor: pointer; 16 } 17 18 .sidebar-item--selected { 19 background-color: var(--theme-selection-background); 20 color: var(--theme-selection-color); 21 } 22 23 .sidebar-item:not(.sidebar-item--selected):hover { 24 background-color: var(--highlight-color); 25 } 26 27 .sidebar-item__icon { 28 height: calc(var(--base-unit) * 4); 29 width: calc(var(--base-unit) * 4); 30 -moz-context-properties: fill; 31 fill: currentColor; 32 }