chore(styles): format styles with Prettier 😍 (#42)

.prettierignore

@@ -1 +1 @@
-package.json
+styles/bootstrap/_variables.scss

package.json

@@ -37,7 +37,7 @@
     "styles": "npm run styles:copy",
     "test:unit": "BABEL_ENV=test NODE_ENV=test jest --env=jsdom",
     "test:watch": "BABEL_ENV=test NODE_ENV=test jest --env=jsdom --watch",
-    "format": "prettier --write \"{demo,src}/**/*.{js,scss}\" guides/*.md",
+    "format": "prettier --write \"{demo,src,styles}/**/*.{js,scss}\" guides/*.md",
     "lint": "NODE_ENV=test eslint src demo",
     "documentation": "NODE_ENV=production webpack --env=production",
     "clean": "rm -rf dist es esnext build",

styles/bootstrap/_button-group.scss

@@ -64,17 +64,20 @@
 //
 // Remix the default button sizing classes into new ones for easier manipulation.
 
-.btn-group-sm > .btn { @extend .btn-sm; }
-.btn-group-lg > .btn { @extend .btn-lg; }
-
+.btn-group-sm > .btn {
+  @extend .btn-sm;
+}
+.btn-group-lg > .btn {
+  @extend .btn-lg;
+}
 
 //
 // Split button dropdowns
 //
 
 .dropdown-toggle-split {
-  padding-right: $btn-padding-x * .75;
-  padding-left: $btn-padding-x * .75;
+  padding-right: $btn-padding-x * 0.75;
+  padding-left: $btn-padding-x * 0.75;
 
   &::after,
   .dropup &::after,
@@ -88,16 +91,15 @@
 }
 
 .btn-sm + .dropdown-toggle-split {
-  padding-right: $btn-padding-x-sm * .75;
-  padding-left: $btn-padding-x-sm * .75;
+  padding-right: $btn-padding-x-sm * 0.75;
+  padding-left: $btn-padding-x-sm * 0.75;
 }
 
 .btn-lg + .dropdown-toggle-split {
-  padding-right: $btn-padding-x-lg * .75;
-  padding-left: $btn-padding-x-lg * .75;
+  padding-right: $btn-padding-x-lg * 0.75;
+  padding-left: $btn-padding-x-lg * 0.75;
 }
 
-
 // The clickable button for toggling the menu
 // Set the same inset shadow as the :active state
 .btn-group.show .dropdown-toggle {
@@ -109,7 +111,6 @@
   }
 }
 
-
 //
 // Vertical button groups
 //
@@ -144,7 +145,6 @@
   }
 }
 
-
 // Checkbox and radio options
 //
 // In order to support the browser's form validation feedback, powered by the
@@ -162,8 +162,8 @@
   > .btn-group > .btn {
     margin-bottom: 0; // Override default `<label>` value
 
-    input[type="radio"],
-    input[type="checkbox"] {
+    input[type='radio'],
+    input[type='checkbox'] {
       position: absolute;
       clip: rect(0, 0, 0, 0);
       pointer-events: none;

styles/bootstrap/_buttons.scss

@@ -12,7 +12,13 @@
   vertical-align: middle;
   user-select: none;
   border: $btn-border-width solid transparent;
-  @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
+  @include button-size(
+    $btn-padding-y,
+    $btn-padding-x,
+    $font-size-base,
+    $btn-line-height,
+    $btn-border-radius
+  );
   @include transition($btn-transition);
 
   // Share hover and focus styles
@@ -55,7 +61,6 @@ fieldset:disabled a.btn {
   pointer-events: none;
 }
 
-
 //
 // Alternate buttons
 //
@@ -72,7 +77,6 @@ fieldset:disabled a.btn {
   }
 }
 
-
 //
 // Link buttons
 //
@@ -106,20 +110,30 @@ fieldset:disabled a.btn {
   // No need for an active state here
 }
 
-
 //
 // Button Sizes
 //
 
 .btn-lg {
-  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
+  @include button-size(
+    $btn-padding-y-lg,
+    $btn-padding-x-lg,
+    $font-size-lg,
+    $btn-line-height-lg,
+    $btn-border-radius-lg
+  );
 }
 
 .btn-sm {
-  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
+  @include button-size(
+    $btn-padding-y-sm,
+    $btn-padding-x-sm,
+    $font-size-sm,
+    $btn-line-height-sm,
+    $btn-border-radius-sm
+  );
 }
 
-
 //
 // Block button
 //
@@ -135,9 +149,9 @@ fieldset:disabled a.btn {
 }
 
 // Specificity overrides
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
+input[type='submit'],
+input[type='reset'],
+input[type='button'] {
   &.btn-block {
     width: 100%;
   }

styles/bootstrap/_card.scss

@@ -92,7 +92,6 @@
   }
 }
 
-
 //
 // Header navs
 //
@@ -135,7 +134,6 @@
   @include border-bottom-radius($card-inner-border-radius);
 }
 
-
 // Card deck
 
 .card-deck {
@@ -163,7 +161,6 @@
   }
 }
 
-
 //
 // Card groups
 //
@@ -248,7 +245,6 @@
   }
 }
 
-
 //
 // Columns
 //
@@ -271,7 +267,6 @@
   }
 }
 
-
 //
 // Accordion
 //

styles/bootstrap/_carousel.scss

@@ -67,15 +67,14 @@
   }
 }
 
-
 //
 // Alternate transitions
 //
 
 .carousel-fade {
   .carousel-item {
     opacity: 0;
-    transition-duration: .6s;
+    transition-duration: 0.6s;
     transition-property: opacity;
   }
 
@@ -103,7 +102,6 @@
   }
 }
 
-
 //
 // Left/right controls for nav
 //
@@ -129,19 +127,19 @@
     color: $carousel-control-color;
     text-decoration: none;
     outline: 0;
-    opacity: .9;
+    opacity: 0.9;
   }
 }
 .carousel-control-prev {
   left: 0;
   @if $enable-gradients {
-    background: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
+    background: linear-gradient(90deg, rgba($black, 0.25), rgba($black, 0.001));
   }
 }
 .carousel-control-next {
   right: 0;
   @if $enable-gradients {
-    background: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
+    background: linear-gradient(270deg, rgba($black, 0.25), rgba($black, 0.001));
   }
 }
 
@@ -161,7 +159,6 @@
   background-image: $carousel-control-next-icon-bg;
 }
 
-
 // Optional indicator pips
 //
 // Add an ordered list with the following class and add a list item for each
@@ -190,7 +187,7 @@
     margin-left: $carousel-indicator-spacer;
     text-indent: -999px;
     cursor: pointer;
-    background-color: rgba($carousel-indicator-active-bg, .5);
+    background-color: rgba($carousel-indicator-active-bg, 0.5);
 
     // Use pseudo classes to increase the hit area by 10px on top and bottom.
     &::before {
@@ -200,7 +197,7 @@
       display: inline-block;
       width: 100%;
       height: 10px;
-      content: "";
+      content: '';
     }
     &::after {
       position: absolute;
@@ -209,7 +206,7 @@
       display: inline-block;
       width: 100%;
       height: 10px;
-      content: "";
+      content: '';
     }
   }
 
@@ -218,7 +215,6 @@
   }
 }
 
-
 // Optional captions
 //
 //

styles/bootstrap/_close.scss

@@ -5,12 +5,12 @@
   line-height: 1;
   color: $close-color;
   text-shadow: $close-text-shadow;
-  opacity: .5;
+  opacity: 0.5;
 
   @include hover-focus {
     color: $close-color;
     text-decoration: none;
-    opacity: .75;
+    opacity: 0.75;
   }
 
   // Opinionated: add "hand" cursor to non-disabled .close elements