lyrics

lyrics
git clone git://brookjeynes.dev/bjeynes/lyrics.git
Log | Files | Refs

toast.css (658B)

      1 .toast-container {
      2 	position: fixed;
      3 	right: 1rem;
      4 	top: 1rem;
      5 	display: flex;
      6 	flex-direction: column;
      7 	gap: 0.5rem;
      8 }
      9 
     10 .toast-box {
     11 	background-color: white;
     12 	border: 1px solid black;
     13 	padding: 0.2rem 0.5rem;
     14 	display: flex;
     15 	align-items: center;
     16 	justify-content: space-between;
     17 	gap: 0.75rem;
     18 	opacity: 0;
     19 	transform: translateY(8px);
     20 	animation: toast-in 0.2s ease-out forwards;
     21 }
     22 
     23 .toast-box > .dismiss-button {
     24 	background: none;
     25 	border: none;
     26 	cursor: pointer;
     27 	padding: 0;
     28 	font: inherit;
     29 	line-height: 1;
     30 	flex-shrink: 0;
     31 }
     32 
     33 @keyframes toast-in {
     34 	from {
     35 		opacity: 0;
     36 		transform: translateY(8px);
     37 	}
     38 
     39 	to {
     40 		opacity: 1;
     41 		transform: none;
     42 	}
     43 }