mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-03 02:13:01 +02:00
Code Issues Releases Wiki Activity

Add new toasts component

Browse Source
This commit is contained in:
Mark Otto
2017-07-03 16:09:28 -07:00
committed by XhmikosR
parent 696c4078d1
commit d0652a1be9
5 changed files with 216 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
scss/_toasts.scss Normal file
View File

@@ -0,0 +1,29 @@
.toast {
max-width: $toast-max-width;
overflow: hidden; // cheap rounded corners on nested items
font-size: $toast-font-size; // knock it down to 14px
background-color: $toast-background-color;
background-clip: padding-box;
border: $toast-border-width solid $toast-border-color;
border-radius: $toast-border-radius;
box-shadow: $toast-box-shadow;
backdrop-filter: blur(10px);
+ .toast {
margin-top: $toast-padding-x;
}
}
.toast-header {
display: flex;
align-items: center;
padding: $toast-padding-y $toast-padding-x;
color: $toast-header-color;
background-color: $toast-header-background-color;
background-clip: padding-box;
border-bottom: $toast-border-width solid $toast-header-border-color;
}
.toast-body {
padding: $toast-padding-x; // apply to both vertical and horizontal
}