mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-09-03 10:53:23 +02:00
Toast message flavor compatibility
Updated all flavors, dealing with the addition of the toast component.
This commit is contained in:
24
dist/mini-dark.css
vendored
24
dist/mini-dark.css
vendored
@@ -1631,7 +1631,7 @@ table.striped tr:nth-of-type(2n) > td {
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
Definitions for contextual background elements, toasts and tooltips.
|
||||
*/
|
||||
mark {
|
||||
@@ -1646,6 +1646,18 @@ mark.inline-block {
|
||||
mark.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.toast {
|
||||
position: fixed;
|
||||
background: #acacac;
|
||||
bottom: 1.5rem;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
color: #0c0c0c;
|
||||
border-radius: 2rem;
|
||||
padding: 0.75rem 1.5rem;
|
||||
z-index: 1110;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
@@ -1737,6 +1749,16 @@ mark.inline-block {
|
||||
line-height: 1.375em;
|
||||
padding: 0.375em;
|
||||
}
|
||||
|
||||
.toast.small {
|
||||
border-radius: 1.5rem;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.toast.large {
|
||||
border-radius: 3rem;
|
||||
padding: 1.125rem 2.25rem;
|
||||
}
|
||||
|
||||
/*
|
||||
Definitions for progress elements and spinners.
|
||||
|
Reference in New Issue
Block a user