Changeset View
Changeset View
Standalone View
Standalone View
src/resources/sass/toast.scss
- This file was added.
.toast-container { | |||||
position: fixed; | |||||
bottom: 0; | |||||
right: 0; | |||||
margin: 0.5rem; | |||||
width: 320px; | |||||
z-index: 10; | |||||
} | |||||
.toast { | |||||
background-color: rgba(52, 58, 64, 0.95); | |||||
&:not(:last-child) { | |||||
margin-bottom: 0.3rem; | |||||
} | |||||
} | |||||
.toast-header { | |||||
background-color: #343a40; | |||||
border-color: #555; | |||||
color: #fff; | |||||
strong { | |||||
flex: 1; | |||||
} | |||||
svg { | |||||
font-size: 1.2em; | |||||
margin-right: 0.5rem; | |||||
} | |||||
button.close { | |||||
color: #eee; | |||||
opacity: 1 !important; | |||||
text-shadow: none; | |||||
font-size: 1.2rem; | |||||
&:hover { | |||||
color: #fff; | |||||
} | |||||
} | |||||
} | |||||
.toast-body { | |||||
color: #fff; | |||||
} |