blob: 20b45b312e5e8ce7fef42256a5d91d3c2d3c0d11 [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;
33 border: 1px solid rgb(45, 45, 45);
34 border-radius: 3px;
35 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;
Blink Reformat4c46d092018-04-07 15:32:3746}
47
Mathias Bynensb0c1f4b2020-05-15 14:34:4148input.dt-checkbox-themed:checked::after {
49 background-color: #333;
Blink Reformat4c46d092018-04-07 15:32:3750}
51
Mathias Bynensb0c1f4b2020-05-15 14:34:4152input.dt-checkbox-themed::after {
53 -webkit-mask-image: url(Images/checkboxCheckmark.svg);
54 -webkit-mask-size: 11px 11px;
55 -webkit-mask-position: 0 0;
Blink Reformat4c46d092018-04-07 15:32:3756}
57
58:host-context(.-theme-with-dark-background) input:not(.dt-checkbox-themed) {
Mathias Bynensb0c1f4b2020-05-15 14:34:4159 filter: invert(80%);
Blink Reformat4c46d092018-04-07 15:32:3760}
61
Blink Reformat4c46d092018-04-07 15:32:3762.dt-checkbox-text {
Mathias Bynensb0c1f4b2020-05-15 14:34:4163 margin-left: 3px;
64 overflow: hidden;
65 text-overflow: ellipsis;
Blink Reformat4c46d092018-04-07 15:32:3766}
67
68.dt-checkbox-subtitle {
Mathias Bynensb0c1f4b2020-05-15 14:34:4169 color: gray;
Blink Reformat4c46d092018-04-07 15:32:3770}
Kham Udom047cb692020-02-03 22:30:1171
72@media (forced-colors: active) {
Mathias Bynensb0c1f4b2020-05-15 14:34:4173 input.dt-checkbox-theme-preserve {
74 forced-color-adjust: none;
Kham Udom047cb692020-02-03 22:30:1175 }
Mathias Bynensb0c1f4b2020-05-15 14:34:4176
77 input.dt-checkbox-theme-preserve:hover:enabled {
78 border-color: Highlight;
79 }
80
81 input.dt-checkbox-theme-preserve:active::before,
82 input.dt-checkbox-theme-preserve:active::after {
83 background-color: Highlight;
84 }
85
86 input.dt-checkbox-theme-preserve:active {
87 background: HighlightText;
88 }
89
90 input.dt-checkbox-theme-preserve:active:checked::before,
91 input.dt-checkbox-theme-preserve:active:checked::after,
92 input.dt-checkbox-theme-preserve:checked::before,
93 input.dt-checkbox-theme-preserve:checked::after {
94 background-color: HighlightText;
95 }
96
97 input.dt-checkbox-theme-preserve:active:checked,
98 input.dt-checkbox-theme-preserve:checked {
99 background: Highlight;
100 border-color: Highlight;
101 }
102
103 input.dt-checkbox-theme-preserve:hover:checked::before,
104 input.dt-checkbox-theme-preserve:hover:checked::after {
105 background-color: Highlight !important;
106 }
107
108 input.dt-checkbox-theme-preserve:hover:checked {
109 background: HighlightText;
110 }
111}