blob: 7ea68c271d3db22655a2a158daa1c434ddae263f [file] [log] [blame]
/*
* Copyright (c) 2014 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file.
*/
.text-button {
margin: 2px;
height: 24px;
font-size: 12px;
border: 1px solid rgb(0 0 0 / 20%);
border-radius: 4px;
padding: 0 12px;
font-weight: 500;
color: var(--accent-fg-color);
background-color: #fff;
flex: none;
white-space: nowrap;
}
.text-button:disabled {
opacity: 38%;
}
.text-button:not(:disabled):focus,
.text-button:not(:disabled):hover,
.text-button:not(:disabled):active {
background-color: var(--toolbar-bg-color);
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
cursor: pointer;
}
.text-button:not(:disabled):active {
background-color: #f2f2f2;
}
.text-button:not(:disabled):focus {
box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 0 0 2px rgb(66 133 244 / 40%);
}
.text-button:not(:disabled):not(.running):focus,
.text-button:not(:disabled):not(.running):hover,
.text-button:not(:disabled):not(.running):active {
color: var(--accent-fg-color-hover);
}
.text-button.primary-button,
.-theme-preserve {
background-color: var(--accent-color);
border: none;
color: #fff;
}
.text-button.link-style {
background: none;
border: none;
padding: 0 !important;
font: inherit;
cursor: pointer;
height: 18px;
}
.text-button.primary-button:not(:disabled):focus,
.text-button.primary-button:not(:disabled):hover,
.text-button.primary-button:not(:disabled):active,
.-theme-preserve {
background-color: var(--accent-color-hover);
color: #fff;
}
.-theme-with-dark-background .text-button:not(.primary-button):not(:disabled):focus,
.-theme-with-dark-background .text-button:not(.primary-button):not(:disabled):hover,
.-theme-with-dark-background .text-button:not(.primary-button):not(:disabled):active {
background-color: #313131;
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}
.-theme-with-dark-background .text-button:not(.primary-button):not(:disabled):focus {
box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 0 0 2px rgb(94 151 246 / 60%);
}
.-theme-with-dark-background .text-button:not(.primary-button):not(:disabled):active {
background-color: #3e3e3e;
}
@media (forced-colors: active) {
.text-button {
background-color: ButtonFace;
color: ButtonText;
border-color: ButtonText;
}
.text-button:disabled {
forced-color-adjust: none;
opacity: 100%;
background: ButtonFace;
border-color: GrayText;
color: GrayText;
}
.text-button:not(:disabled):focus {
forced-color-adjust: none;
background-color: ButtonFace;
color: ButtonText;
border-color: Highlight;
box-shadow: var(--focus-ring-active-shadow);
}
.text-button:not(:disabled):hover,
.text-button:not(:disabled):active {
forced-color-adjust: none;
background-color: Highlight;
color: HighlightText;
box-shadow: var(--accent-color);
}
.text-button.primary-button {
forced-color-adjust: none;
background-color: Highlight;
color: HighlightText;
border: 1px solid Highlight;
}
.text-button.primary-button:not(:disabled):focus {
background-color: Highlight;
color: HighlightText;
border-color: ButtonText;
}
.text-button.primary-button:not(:disabled):hover,
.text-button.primary-button:not(:disabled):active {
background-color: HighlightText;
color: Highlight;
border-color: Highlight;
}
}