40 lines
957 B
Sass
40 lines
957 B
Sass
$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 |