bootstrap-vue · jacobmllr95 · Mar 31, 2019 · Mar 31, 2019 · Mar 31, 2019 · Mar 31, 2019
diff --git a/src/_utilities.scss b/src/_utilities.scss
@@ -4,6 +4,7 @@ $bv-utility-classes-defined: false !default;
 
 @if $bv-utility-classes-defined == false {
   // This test will only include these style definitions once
+  $bv-utility-classes-defined: true;
 
   // Create .bv-d-<bp>-down-none helper classes
   @each $breakpoint in map-keys($grid-breakpoints) {

diff --git a/src/components/dropdown/_dropdown-form.scss b/src/components/dropdown/_dropdown-form.scss
@@ -1,18 +1,24 @@
-// Custom styles for b-dropdown-form
-// Based on class .dropdown-item
+$bv-dropdown-form-defined: false !default;
 
-.b-dropdown-form {
-  display: inline-block;
-  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
-  width: 100%;
-  clear: both;
-  font-weight: $font-weight-normal;
+@if $bv-dropdown-form-defined == false {
+  // This test will only include these style definitions once
+  $bv-dropdown-form-defined: true;
 
-  &:first-child {
-    @include border-top-radius($dropdown-inner-border-radius);
-  }
+  // Custom styles for b-dropdown-form
+  // Based on class .dropdown-item
+  .b-dropdown-form {
+    display: inline-block;
+    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+    width: 100%;
+    clear: both;
+    font-weight: $font-weight-normal;
+
+    &:first-child {
+      @include border-top-radius($dropdown-inner-border-radius);
+    }
 
-  &:last-child {
-    @include border-bottom-radius($dropdown-inner-border-radius);
+    &:last-child {
+      @include border-bottom-radius($dropdown-inner-border-radius);
+    }
   }
 }
diff --git a/src/components/dropdown/_dropdown-text.scss b/src/components/dropdown/_dropdown-text.scss
@@ -1,19 +1,25 @@
-// Custom styles for b-dropdown-text
-// Based on class .dropdown-item
+$bv-dropdown-text-defined: false !default;
 
-.b-dropdown-text {
-  display: inline-block;
-  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
-  margin-bottom: 0;
-  width: 100%;
-  clear: both;
-  font-weight: $font-weight-lighter;
+@if $bv-dropdown-text-defined == false {
+  // This test will only include these style definitions once
+  $bv-dropdown-text-defined: true;
 
-  &:first-child {
-    @include border-top-radius($dropdown-inner-border-radius);
-  }
+  // Custom styles for b-dropdown-text
+  // Based on class .dropdown-item
+  .b-dropdown-text {
+    display: inline-block;
+    padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+    margin-bottom: 0;
+    width: 100%;
+    clear: both;
+    font-weight: $font-weight-lighter;
+
+    &:first-child {
+      @include border-top-radius($dropdown-inner-border-radius);
+    }
 
-  &:last-child {
-    @include border-bottom-radius($dropdown-inner-border-radius);
+    &:last-child {
+      @include border-bottom-radius($dropdown-inner-border-radius);
+    }
   }
 }
diff --git a/src/components/dropdown/_dropdown.scss b/src/components/dropdown/_dropdown.scss
@@ -1,20 +1,27 @@
-// Hide the caret for no-caret setting
-// See: https://github.com/bootstrap-vue/bootstrap-vue/issues/1473
-// See: https://github.com/twbs/bootstrap/issues/23724
-.dropdown {
-  &:not(.dropleft) {
-    .dropdown-toggle {
-      &.dropdown-toggle-no-caret:after {
-        display: none !important;
+$bv-dropdown-defined: false !default;
+
+@if $bv-dropdown-defined == false {
+  // This test will only include these style definitions once
+  $bv-dropdown-defined: true;
+
+  // Hide the caret for no-caret setting
+  // See: https://github.com/bootstrap-vue/bootstrap-vue/issues/1473
+  // See: https://github.com/twbs/bootstrap/issues/23724
+  .dropdown {
+    &:not(.dropleft) {
+      .dropdown-toggle {
+        &.dropdown-toggle-no-caret::after {
+          display: none !important;
+        }
       }
     }
-  }
 
-  // See: https://github.com/bootstrap-vue/bootstrap-vue/issues/2909
-  &.dropleft {
-    .dropdown-toggle {
-      &.dropdown-toggle-no-caret:before {
-        display: none !important;
+    // See: https://github.com/bootstrap-vue/bootstrap-vue/issues/2909
+    &.dropleft {
+      .dropdown-toggle {
+        &.dropdown-toggle-no-caret::before {
+          display: none !important;
+        }
       }
     }
   }

diff --git a/src/components/index.scss b/src/components/index.scss
@@ -4,6 +4,8 @@
 @import "form-input/index";
 @import "form-radio/index";
 @import "input-group/index";
+@import "nav/index";
+@import "navbar/index";
 @import "pagination/index";
 @import "pagination-nav/index";
 @import "table/index";
diff --git a/src/components/nav/_nav-item-dropdown.scss b/src/components/nav/_nav-item-dropdown.scss
@@ -0,0 +1 @@
+@import "../dropdown/index";
diff --git a/src/components/nav/index.scss b/src/components/nav/index.scss
@@ -0,0 +1 @@
+@import "nav-item-dropdown";
diff --git a/src/components/navbar/_navbar.scss b/src/components/navbar/_navbar.scss
@@ -0,0 +1 @@
+@import "../dropdown/index";
diff --git a/src/components/navbar/index.scss b/src/components/navbar/index.scss
@@ -0,0 +1 @@
+@import "navbar";