Files
pybricks-code/src/toolbar/toolbar.scss
T
David Lechner edd8ebfd64 Add Activities
This adds a new Activities tab list and view similar to VS code. The
Explorer and Settings are migrated to this view.
2022-05-12 12:33:21 -05:00

39 lines
831 B
SCSS

// SPDX-License-Identifier: MIT
// Copyright (c) 2020-2022 The Pybricks Authors
// Custom styling for the Toolbar control.
@use '@blueprintjs/core/lib/scss/variables' as bp;
@use '../variables' as pb;
.pb-toolbar {
padding: bp.$pt-grid-size bp.$pt-grid-size * 1.5;
z-index: bp.$pt-z-index-content;
// make small buttons more square and slightly smaller (some of this is
// done in react)
@media screen and (max-width: pb.$narrow-screen-limit) {
.#{bp.$ns}-button {
padding: 5px;
}
}
}
.pb-toolbar * {
box-shadow: unset !important;
}
.pb-toolbar-group {
align-items: center;
&.pb-align-left {
float: left;
margin-right: bp.$pt-grid-size * 2;
}
&.pb-align-right {
float: right;
margin-left: bp.$pt-grid-size * 2;
}
}