Toast examples and placements

bootstrap/_reboot.scss

@@ -1,12 +1,14 @@
 // stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
 
+
 // Reboot
 //
 // Normalization of HTML elements, manually forked from Normalize.css to remove
 // styles targeting irrelevant browsers while applying new styles.
 //
 // Normalize is licensed MIT. https://github.com/necolas/normalize.css
 
+
 // Document
 //
 // Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
@@ -17,12 +19,13 @@
   box-sizing: border-box;
 }
 
+
 // Root
 //
 // Ability to the value of the root font sizes, affecting the value of `rem`.
 // null by default, thus nothing is generated.
 
-:host {
+:root {
   @if $font-size-root != null {
     font-size: var(--#{$variable-prefix}root-font-size);
   }
@@ -34,6 +37,7 @@
   }
 }
 
+
 // Body
 //
 // 1. Remove the margin in all browsers.
@@ -56,6 +60,7 @@ body {
 }
 // scss-docs-end reboot-body-rules
 
+
 // Content grouping
 //
 // 1. Reset Firefox's gray color
@@ -73,6 +78,7 @@ hr:not([size]) {
   height: $hr-height; // 2
 }
 
+
 // Typography
 //
 // 1. Remove top margins from headings
@@ -119,6 +125,7 @@ h6 {
   @include font-size($h6-font-size);
 }
 
+
 // Reset margins on paragraphs
 //
 // Similarly, the top margin on `<p>`s get reset. However, we also reset the
@@ -129,6 +136,7 @@ p {
   margin-bottom: $paragraph-margin-bottom;
 }
 
+
 // Abbreviations
 //
 // 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin
@@ -137,13 +145,13 @@ p {
 // 4. Prevent the text-decoration to be skipped.
 
 abbr[title],
-abbr[data-bs-original-title] {
-  // 1
+abbr[data-bs-original-title] { // 1
   text-decoration: underline dotted; // 2
   cursor: help; // 3
   text-decoration-skip-ink: none; // 4
 }
 
+
 // Address
 
 address {
@@ -152,6 +160,7 @@ address {
   line-height: inherit;
 }
 
+
 // Lists
 
 ol,
@@ -180,16 +189,18 @@ dt {
 // 1. Undo browser default
 
 dd {
-  margin-bottom: 0.5rem;
+  margin-bottom: .5rem;
   margin-left: 0; // 1
 }
 
+
 // Blockquote
 
 blockquote {
   margin: 0 0 1rem;
 }
 
+
 // Strong
 //
 // Add the correct font weight in Chrome, Edge, and Safari
@@ -199,6 +210,7 @@ strong {
   font-weight: $font-weight-bolder;
 }
 
+
 // Small
 //
 // Add the correct font size in all browsers
@@ -207,13 +219,15 @@ small {
   @include font-size($small-font-size);
 }
 
+
 // Mark
 
 mark {
   padding: $mark-padding;
   background-color: $mark-bg;
 }
 
+
 // Sub and Sup
 //
 // Prevent `sub` and `sup` elements from affecting the line height in
@@ -227,12 +241,9 @@ sup {
   vertical-align: baseline;
 }
 
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
+sub { bottom: -.25em; }
+sup { top: -.5em; }
+
 
 // Links
 
@@ -259,6 +270,7 @@ a:not([href]):not([class]) {
   }
 }
 
+
 // Code
 
 pre,
@@ -316,6 +328,7 @@ kbd {
   }
 }
 
+
 // Figures
 //
 // Apply a consistent margin strategy (matches our type styles).
@@ -324,13 +337,15 @@ figure {
   margin: 0 0 1rem;
 }
 
+
 // Images and content
 
 img,
 svg {
   vertical-align: middle;
 }
 
+
 // Tables
 //
 // Prevent double borders
@@ -368,6 +383,7 @@ th {
   border-width: 0;
 }
 
+
 // Forms
 //
 // 1. Allow labels to use `margin` for spacing.
@@ -554,6 +570,7 @@ legend {
   padding: 0;
 }
 
+
 // Inherit font family and line height for file input buttons
 
 ::file-selector-button {
@@ -589,6 +606,7 @@ summary {
   cursor: pointer;
 }
 
+
 // Progress
 //
 // Add the correct vertical alignment in Chrome, Firefox, and Opera.
@@ -597,6 +615,7 @@ progress {
   vertical-align: baseline;
 }
 
+
 // Hidden attribute
 //
 // Always hide an element with the `hidden` HTML attribute.

bootstrap/_root.scss

@@ -1,4 +1,4 @@
-:host {
+:root {
   // Note: Custom variable values only support SassScript inside `#{}`.
 
   // Colors