mirror of
https://github.com/DaanVandenBosch/phantasmal-world.git
synced 2025-04-05 07:18:29 +08:00
67 lines
1.4 KiB
CSS
67 lines
1.4 KiB
CSS
.core_Button {
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
align-content: stretch;
|
|
box-sizing: border-box;
|
|
height: 26px;
|
|
padding: 0;
|
|
border: var(--control-border);
|
|
color: var(--control-text-color);
|
|
outline: none;
|
|
font-size: 13px;
|
|
font-family: var(--font-family);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.core_Button .core_Button_inner {
|
|
flex: 1;
|
|
display: inline-flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
background-color: var(--control-bg-color);
|
|
height: 24px;
|
|
padding: 3px 5px;
|
|
border: var(--control-inner-border);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.core_Button:hover .core_Button_inner {
|
|
background-color: var(--control-bg-color-hover);
|
|
border-color: hsl(0, 0%, 40%);
|
|
color: var(--control-text-color-hover);
|
|
}
|
|
|
|
.core_Button:active .core_Button_inner {
|
|
background-color: hsl(0, 0%, 20%);
|
|
border-color: hsl(0, 0%, 30%);
|
|
color: hsl(0, 0%, 75%);
|
|
}
|
|
|
|
.core_Button:disabled .core_Button_inner {
|
|
background-color: hsl(0, 0%, 15%);
|
|
border-color: hsl(0, 0%, 25%);
|
|
color: hsl(0, 0%, 55%);
|
|
}
|
|
|
|
.core_Button_inner > * {
|
|
display: inline-block;
|
|
margin: 0 3px;
|
|
}
|
|
|
|
.core_Button_center {
|
|
flex: 1;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.core_Button_left,
|
|
.core_Button_right {
|
|
display: inline-flex;
|
|
align-content: center;
|
|
font-size: 11px;
|
|
}
|