1/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5.buttonbar button.combobutton {
6  align-items: stretch;
7  display: flex;
8}
9
10.buttonbar .combobutton > .action {
11  -webkit-padding-start: 21px;
12  background-position: left center;
13  background-repeat: no-repeat;
14  background-size: 16px 16px;
15}
16
17html[dir='rtl'] .buttonbar .combobutton > .action {
18  background-position: right center;
19}
20
21.buttonbar .combobutton > .trigger {
22  -webkit-border-start: solid 1px #dcdcdc;
23  -webkit-margin-end: -8px;
24  -webkit-margin-start: 8px;
25  width: 22px;
26}
27
28/* This pseudo element expands clickable area of the .trigger */
29.buttonbar .combobutton > .trigger::before {
30  content: '';
31  display: block;
32  height: 31px;
33  position: absolute;
34  top: -5px;
35  width: 30px;
36}
37
38.buttonbar .combobutton:not([multiple]) > .trigger {
39  display: none;
40}
41
42.buttonbar .combobutton > div > span.disclosureindicator {
43  -webkit-transform: rotate(90deg);
44}
45
46.buttonbar .combobutton[hidden] {
47  display: none;
48}
49