Merge branch 'v4-dev' into v4-dev-martijncuppens-placeholders

Author: XhmikosR

scss/_input-group.scss

@@ -128,6 +128,7 @@
 // manipulation.
 
 .input-group-lg > .form-control,
+.input-group-lg > .custom-select,
 .input-group-lg > .input-group-prepend > .input-group-text,
 .input-group-lg > .input-group-append > .input-group-text,
 .input-group-lg > .input-group-prepend > .btn,
@@ -140,6 +141,7 @@
 }
 
 .input-group-sm > .form-control,
+.input-group-sm > .custom-select,
 .input-group-sm > .input-group-prepend > .input-group-text,
 .input-group-sm > .input-group-append > .input-group-text,
 .input-group-sm > .input-group-prepend > .btn,
@@ -151,6 +153,11 @@
   @include border-radius($input-border-radius-sm);
 }
 
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+  padding-right: ($custom-select-padding-x + $custom-select-indicator-padding);
+}
+
 
 // Prepend and append rounded corners
 //

scss/_reboot.scss

@@ -111,17 +111,19 @@ p {
 
 // Abbreviations
 //
-// 1. Remove the bottom border in Firefox 39-.
+// 1. Duplicate behavior to the data-* attribute for our tooltip plugin
 // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 // 3. Add explicit cursor to indicate changed behavior.
-// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
+// 4. Remove the bottom border in Firefox 39-.
+// 5. Prevent the text-decoration to be skipped.
 
 abbr[title],
-abbr[data-original-title] { // 4
+abbr[data-original-title] { // 1
   text-decoration: underline; // 2
   text-decoration: underline dotted; // 2
   cursor: help; // 3
-  border-bottom: 0; // 1
+  border-bottom: 0; // 4
+  text-decoration-skip-ink: none; // 5
 }
 
 address {

scss/_spinners.scss

@@ -7,15 +7,14 @@
 }
 
 .spinner-border {
-  position: relative;
   display: inline-block;
   width: $spinner-width;
   height: $spinner-height;
   overflow: hidden;
   text-indent: -999em;
   vertical-align: text-bottom;
-  border: $spinner-border-width solid;
-  border-color: currentColor transparent currentColor currentColor;
+  border: $spinner-border-width solid currentColor;
+  border-right-color: transparent;
   border-radius: 50%;
   animation: spinner-border .75s linear infinite;
 }
@@ -32,20 +31,14 @@
 
 @keyframes spinner-grow {
   0% {
-    opacity: 0;
     transform: scale(0);
   }
   50% {
     opacity: 1;
   }
-  100% {
-    opacity: 0;
-    transform: scale(1);
-  }
 }
 
 .spinner-grow {
-  position: relative;
   display: inline-block;
   width: $spinner-width;
   height: $spinner-height;
@@ -54,6 +47,7 @@
   vertical-align: text-bottom;
   background-color: currentColor;
   border-radius: 50%;
+  opacity: 0;
   animation: spinner-grow .75s linear infinite;
 }
 

site/docs/4.1/utilities/text.md

@@ -85,8 +85,10 @@ Quickly change the weight (boldness) of text or italicize text.
 
 {% capture example %}
 <p class="font-weight-bold">Bold text.</p>
+<p class="font-weight-bolder">Bolder weight text (relative to the parent element).</p>
 <p class="font-weight-normal">Normal weight text.</p>
 <p class="font-weight-light">Light weight text.</p>
+<p class="font-weight-lighter">Lighter weight text (relative to the parent element).</p>
 <p class="font-italic">Italic text.</p>
 {% endcapture %}
 {% include example.html content=example %}