$message-border-width: 0.8vw
$shared-shadow-depth: 0px 3px 5px
$topbottom-framing-pad: 3vh 0

@mixin render-columnist
    display: flex
    flex-flow: row nowrap
    justify-content: center
    align-items: stretch
    column-gap: 4%

@mixin render-strip
    display: flex
    flex-flow: column wrap
    justify-content: center
    align-items: center
    row-gap: 4%

@mixin make-notif($right-origin-x: 1.25vw, $bottom-origin-y: 3vh)
    position: fixed
    bottom: $bottom-origin-y
    right: $right-origin-x
    min-height: 6vh
    max-height: 10vh
    max-width: 15vw
    overflow: scroll
    -ms-overflow-style: none
    scrollbar-width: none
    padding: 5px
    z-index: 1

    &::-webkit-scrollbar
        display: none

@mixin init-font($font-name, $extension: "ttf")
    font-family: $font-name 
    src: url('./fonts/' + $font-name + '.' + $extension)

@mixin set-corners($tl: 15%, $tr: 15%, $br: 15%, $bl: 15%)
    border-radius: $tl $tr $br $bl