1
0
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:
Angelos Chalaris
2017-05-11 11:07:33 +03:00
parent 657db332a9
commit 2c37b56ab0
10 changed files with 59 additions and 9 deletions

24
dist/mini-dark.css vendored
View File

@@ -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.