pybricks-code/src/index.scss

// SPDX-License-Identifier: MIT
// Copyright (c) 2020-2021 The Pybricks Authors

@import './variables.scss';
@import '~normalize.css';
@import '@blueprintjs/core/src/blueprint.scss';

:root {
    --mobile-pad: 0px;
}

body {
    // no scrolling of the page
    overflow: hidden;
}

// Utility classes

.h-body {
    // height makes everything fit without scrolling
    height: calc(100vh - #{$pt-navbar-height} - #{$pb-status-bar-height} - var(--mobile-pad)) !important;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.p-absolute {
    position: absolute;
}

.no-box-shadow {
    box-shadow: unset !important;
}

// global style tweaks

.#{$ns}-form-group > .#{$ns}-label {
    font-weight: bolder;
}

::-webkit-scrollbar {
    width: 16px;
}

.#{$ns}-dark ::-webkit-scrollbar-track {
    background: $pt-dark-app-background-color;
}

::-webkit-scrollbar-track {
    background: $pt-app-background-color;
}

.#{$ns}-dark ::-webkit-scrollbar-thumb {
    border-color: $pt-dark-app-background-color;
    background: $pt-dark-icon-color;
}

::-webkit-scrollbar-thumb {
    border-width: 3px;
    border-style: solid;
    border-radius: 8px;
    border-color: $pt-app-background-color;
    background: $pt-icon-color;
}

.#{$ns}-dark ::-webkit-scrollbar-thumb:hover {
    background: $pt-dark-icon-color-hover;
}

::-webkit-scrollbar-thumb:hover {
    background: $pt-icon-color-hover;
}