/* Copyright (C) 2019-2021 Estonian Information System Authority.
 * See the file 'LICENSE' for copying permission. */

// This stylesheet applies 'generic' style tweaks. An edit is considered
// generic if it would change one occurence for a specific reason which would
// not make it a dynamic tweak if other applications would break because of
// that fix. An example is the Cuckoo logo, which has to be pushed a tiny
// bit down to look visually ok.
.navbar-logo img
  transform: translateY(0.3rem)

// special variation for a special logo
@keyframes wiggle
  0%
    transform: rotate(-5deg)
  100%
    transform: rotate(5deg)

// cuckoo loader variation
.loader.loader-cuckoo
  transition: opacity .5s linear

  .loader-icon
    transform: translateY(1rem)

  #birb,
  #stick
    transition: transform .5s ease-in
  #birb
    animation: wiggle .5s ease-in-out infinite
    animation-direction: alternate-reverse
    transform-origin: center center

  &.loader-out
    opacity: 0
    #birb
      transform: translateY(-10rem)
    #stick
      transform: translateY(2rem)

  &.loader-hidden
    display: none
    overflow: hidden
    width: 0
    height: 0
    touch-events: none

// dashboard charts fixation
#statistics
  & > .column
      flex-basis: 30%
      flex-grow: 1
      flex-shrink: 1
      min-width: 0
      canvas
        max-height: 40vh
