2019-08-20 04:56:40 +08:00
|
|
|
.core_ToolBar {
|
|
|
|
box-sizing: border-box;
|
2019-08-20 21:02:58 +08:00
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
2019-08-21 21:19:44 +08:00
|
|
|
align-items: center;
|
2019-08-20 04:56:40 +08:00
|
|
|
border-bottom: solid var(--border-color) 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.core_ToolBar > * {
|
2019-08-21 21:19:44 +08:00
|
|
|
margin: 2px 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.core_ToolBar > .core_ToolBar_group {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.core_ToolBar > .core_ToolBar_group > * {
|
|
|
|
margin: 0 2px;
|
2019-08-20 04:56:40 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.core_ToolBar .core_Button {
|
|
|
|
background-color: transparent;
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.core_ToolBar .core_Button:hover {
|
|
|
|
background-color: #404040;
|
|
|
|
border-color: #505050;
|
|
|
|
}
|
|
|
|
|
|
|
|
.core_ToolBar .core_Button:active {
|
|
|
|
background-color: #383838;
|
|
|
|
border-color: #404040;
|
|
|
|
color: #d0d0d0;
|
|
|
|
}
|