2018-08-27 17:01:08 +02:00
|
|
|
/* Flyouts (only used on notifications for now) */
|
|
|
|
|
.flyout
|
|
|
|
|
background-color: $color-background
|
|
|
|
|
border-radius: 3px
|
|
|
|
|
border: thin solid darken($color-background, 3%)
|
|
|
|
|
box-shadow: 1px 2px 2px rgba(black, .2)
|
|
|
|
|
display: block
|
|
|
|
|
font-size: .9em
|
|
|
|
|
|
|
|
|
|
& .flyout-title
|
|
|
|
|
cursor: default
|
|
|
|
|
display: block
|
|
|
|
|
float: left
|
|
|
|
|
font-size: 1.1em
|
|
|
|
|
font-weight: 600
|
|
|
|
|
padding: 8px 10px 5px 10px
|
|
|
|
|
|
|
|
|
|
&.notifications
|
|
|
|
|
max-height: 1000%
|
|
|
|
|
overflow-x: hidden
|
|
|
|
|
position: absolute
|
|
|
|
|
right: 0
|
2018-09-10 17:09:37 +02:00
|
|
|
top: 40px
|
2018-08-27 17:01:08 +02:00
|
|
|
width: 420px
|
|
|
|
|
z-index: 9999
|
