@charset "utf-8"

// @import "../node_modules/bulmaswatch/superhero/_variables.scss"

// Import Bulma core
@import "../node_modules/bulma/bulma"

// @import "../node_modules/bulmaswatch/superhero/_overrides.scss"

.project>.columns
    overflow-x: auto

.avatar
    border-radius: 4px

.card.is-selected
    border-width: 4px

.is-column-header + .card, .card + .button
    margin-top: 12px

.project > .hero
    margin-bottom: 12px

.project
    margin-top: 12px

@each $name, $pair in $colors
  $color: nth($pair, 1)
  $color-invert: nth($pair, 2)

  .card.is-#{$name}
    background-color: darken($color, 30)