SearchModifiers.css (1584B)
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 /* Search Modifiers */ 6 7 .search-modifiers { 8 display: flex; 9 align-items: center; 10 } 11 12 .search-modifiers button { 13 padding: 2px; 14 margin: 0 3px; 15 border: none; 16 background: none; 17 width: 20px; 18 height: 20px; 19 border-radius: 2px; 20 } 21 22 .search-modifiers .pipe-divider { 23 flex: none; 24 align-self: stretch; 25 width: 1px; 26 vertical-align: middle; 27 margin: 4px; 28 background-color: var(--theme-splitter-color); 29 } 30 31 .search-modifiers button > span { 32 display: inline-block; 33 width: 16px; 34 height: 16px; 35 vertical-align: middle; 36 background-color: transparent; 37 background-position: center; 38 background-repeat: no-repeat; 39 background-size: contain; 40 /* do not let images shrink when used as flex children */ 41 flex-shrink: 0; 42 fill: var(--theme-icon-color); 43 -moz-context-properties: fill; 44 } 45 46 .search-modifiers button > span.case-match { 47 background-image: url(chrome://devtools/content/debugger/images/case-match.svg); 48 } 49 50 .search-modifiers button > span.regex-match { 51 background-image: url(chrome://devtools/content/debugger/images/regex-match.svg); 52 } 53 54 .search-modifiers button > span.whole-word-match { 55 background-image: url(chrome://devtools/content/debugger/images/whole-word-match.svg); 56 } 57 58 .search-modifiers button:hover { 59 fill: var(--theme-toolbar-background-hover); 60 } 61 62 .search-modifiers button.active > span { 63 fill: var(--theme-icon-checked-color); 64 }