/*!
 * Copyright 2014-2018 the original author or authors.
 *
 * Licensed 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 "utilities";
// Import the rest of Bulma
@import "~bulma/bulma";

.is-breakable {
  word-break: break-all;
}

.is-muted {
  color: $grey-light;
}

.is-selectable {
  cursor: pointer;
}

.button.is-icon {
  background: transparent;
  border-color: transparent;
}

.navbar-item .button.is-icon {
  color: $navbar-item-color;
  &:hover {
    color: $navbar-item-hover-color;
  }
}

.is-loading {
  &::after {
    @include loader;
    height: 5rem;
    width: 5rem;
    left: calc(50% - 2.5em);
    top: calc(50% - 2.5em);
    border-width: 0.5rem;
  }
}

//D3 Charts
.tick {
  & line {
    stroke: currentColor;
  }
  & text {
    fill: currentColor;
    font-size: $size-7;
  }
}

path.domain {
  stroke: currentColor;
}

.has-bullet::before {
  background: currentColor;
  content: '';
  width: 0.75em;
  height: 0.75em;
  display: inline-block;
  margin-right: 0.25em;
}

@each $name, $pair in $colors {
  .has-bullet.has-bullet-#{$name}::before {
    $color: nth($pair, 1);
    background-color: $color;
  }
}