/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import './blueprint-overrides/common/colors';
@import './blueprint-overrides/common/variables';
@import '@blueprintjs/core/src/common/variables';

$header-bar-height: 50px;
$view-control-bar-height: 30px;
$standard-padding: 15px;
$thin-padding: 10px;

// various style Variables

$druid-brand: #2ceefb;
$druid-brand2: #00b6bf;
$druid-brand-background: #1c1c26;

// ReactTable related

$table-cell-v-padding: 10px;
$table-cell-h-padding: 5px;

@mixin card-background {
  background: $white;
  border-radius: $pt-border-radius;

  .#{$bp-ns}-dark & {
    background: $dark-gray3;
  }
}

@mixin card-like {
  background: $white;
  border-radius: $pt-border-radius;
  box-shadow: $pt-elevation-shadow-1;

  .#{$bp-ns}-dark & {
    background: $dark-gray3;
    box-shadow: $pt-dark-elevation-shadow-1;
  }
}

@mixin pin-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
