phantasmal-world/src/core/gui/ToolBar.css

38 lines
694 B
CSS
Raw Normal View History

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;
align-items: center;
2019-08-20 04:56:40 +08:00
border-bottom: solid var(--border-color) 1px;
}
.core_ToolBar > * {
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;
}