blob: d1b4703371f1103600400934082d0492989d8c1c [file] [log] [blame]
Blink Reformat4c46d092018-04-07 15:32:371/*
2 * Copyright (c) 2014 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file.
5 */
6
7:host {
Mathias Bynensb0c1f4b2020-05-15 14:34:418 padding: 0;
9 margin: 0;
10 display: inline-flex;
11 flex-shrink: 0;
12 align-items: center !important;
Blink Reformat4c46d092018-04-07 15:32:3713}
14
15input {
Mathias Bynensb0c1f4b2020-05-15 14:34:4116 height: 12px;
17 width: 12px;
18 flex-shrink: 0;
Blink Reformat4c46d092018-04-07 15:32:3719}
20
Jan Schefflercc933082020-01-15 10:04:2021input.inside-datagrid {
Mathias Bynensb0c1f4b2020-05-15 14:34:4122 height: 10px;
23 width: 10px;
Jan Schefflercc933082020-01-15 10:04:2024}
25
Blink Reformat4c46d092018-04-07 15:32:3726input:focus {
Mathias Bynensb0c1f4b2020-05-15 14:34:4127 outline: auto 5px -webkit-focus-ring-color;
Blink Reformat4c46d092018-04-07 15:32:3728}
29
30input.dt-checkbox-themed {
Mathias Bynensb0c1f4b2020-05-15 14:34:4131 -webkit-appearance: none;
32 margin: auto 5px auto 2px;
Mathias Bynensca9fa2d2020-05-19 15:23:4033 border: 1px solid rgb(45 45 45);
Mathias Bynensb0c1f4b2020-05-15 14:34:4134 border-radius: 3px;
Mathias Bynensca9fa2d2020-05-19 15:23:4035 background-color: rgb(102 102 102);
Blink Reformat4c46d092018-04-07 15:32:3736}
37
Mathias Bynensb0c1f4b2020-05-15 14:34:4138input.dt-checkbox-themed::after {
39 content: '';
40 line-height: 10px;
41 position: absolute;
42 cursor: pointer;
43 width: 12px;
44 height: 12px;
45 background: none;
Jecelyn Yeen44762292020-07-03 02:09:4346 -webkit-mask-image: url(Images/checkboxCheckmark.svg);
47 -webkit-mask-size: 11px 11px;
48 -webkit-mask-position: 0 0;
Blink Reformat4c46d092018-04-07 15:32:3749}
50
Mathias Bynensb0c1f4b2020-05-15 14:34:4151input.dt-checkbox-themed:checked::after {
52 background-color: #333;
Blink Reformat4c46d092018-04-07 15:32:3753}
54
Blink Reformat4c46d092018-04-07 15:32:3755:host-context(.-theme-with-dark-background) input:not(.dt-checkbox-themed) {
Mathias Bynensb0c1f4b2020-05-15 14:34:4156 filter: invert(80%);
Blink Reformat4c46d092018-04-07 15:32:3757}
58
Blink Reformat4c46d092018-04-07 15:32:3759.dt-checkbox-text {
Mathias Bynensb0c1f4b2020-05-15 14:34:4160 margin-left: 3px;
61 overflow: hidden;
62 text-overflow: ellipsis;
Blink Reformat4c46d092018-04-07 15:32:3763}
64
65.dt-checkbox-subtitle {
Mathias Bynensb0c1f4b2020-05-15 14:34:4166 color: gray;
Blink Reformat4c46d092018-04-07 15:32:3767}
Kham Udom047cb692020-02-03 22:30:1168
69@media (forced-colors: active) {
Mathias Bynensb0c1f4b2020-05-15 14:34:4170 input.dt-checkbox-theme-preserve {
71 forced-color-adjust: none;
Kham Udom047cb692020-02-03 22:30:1172 }
Mathias Bynensb0c1f4b2020-05-15 14:34:4173
Jecelyn Yeen44762292020-07-03 02:09:4374 input.dt-checkbox-theme-preserve:active {
75 background: HighlightText;
76 }
77
78 input.dt-checkbox-theme-preserve:checked,
79 input.dt-checkbox-theme-preserve:active:checked {
80 background: Highlight;
81 border-color: Highlight;
82 }
83
Mathias Bynensb0c1f4b2020-05-15 14:34:4184 input.dt-checkbox-theme-preserve:hover:enabled {
85 border-color: Highlight;
86 }
87
88 input.dt-checkbox-theme-preserve:active::before,
89 input.dt-checkbox-theme-preserve:active::after {
90 background-color: Highlight;
91 }
92
Mathias Bynensb0c1f4b2020-05-15 14:34:4193 input.dt-checkbox-theme-preserve:checked::before,
Jecelyn Yeen44762292020-07-03 02:09:4394 input.dt-checkbox-theme-preserve:checked::after,
95 input.dt-checkbox-theme-preserve:active:checked::before,
96 input.dt-checkbox-theme-preserve:active:checked::after {
Mathias Bynensb0c1f4b2020-05-15 14:34:4197 background-color: HighlightText;
98 }
99
Mathias Bynensb0c1f4b2020-05-15 14:34:41100 input.dt-checkbox-theme-preserve:hover:checked::before,
101 input.dt-checkbox-theme-preserve:hover:checked::after {
102 background-color: Highlight !important;
103 }
104
105 input.dt-checkbox-theme-preserve:hover:checked {
106 background: HighlightText;
107 }
108}