blob: a918911498acf568edb6b50b44fa06c6e4cd5245 [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 rgba(0, 0, 0, 0.2);
border-radius: 4px;
padding: 0px 12px;
font-weight: 500;
color: var(--accent-fg-color);
background-color: #fff;
flex: none;
white-space: nowrap;
}
.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 rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.text-button:not(:disabled):active {
background-color: #f2f2f2;
}
.text-button:not(:disabled):focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(66, 133, 244, 0.4);
}
.text-button:disabled {
opacity: 0.38;
}
.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);
}
.-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 rgba(0, 0, 0, 0.1);
}
.-theme-with-dark-background .text-button:not(.primary-button):not(:disabled):focus {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(94, 151, 246, 0.6);
}
.-theme-with-dark-background .text-button:not(.primary-button):not(:disabled):active {
background-color: #3e3e3e;
}